Dison

重置样式 创建index.scss文件， 在index.scss文件中重置样式 在index.tsx中引入index.scss https://juejin.cn/post/7113475274280

``` @import-normalize; * { margin: 0; padding: 0; box-sizing: border-box; } button, input, select, t

Router的两种模式: History : BrowserRouter，有后台服务器，配置所有路径到首页 Hash : HashRouter，不需要有后台服务器，url上多个#号 HasRouter

安装React Router https://reactrouter.com/ yarn add react-router-dom@6 yarn add --dev @types/react-rout

概念：模板字符串 安装styled-components https://github.com/styled-components/styled-components 安装命令 yarn add st

配置 CSS直接引用 @import "core/pro-coms.scss"; 总是无效，最后还是在根目录npm install大法解决 参考：https://blog.csdn.net/D4938

CSS normalize处理 css normalize 是保证页面再不同浏览器上默认样式相近 css reset 是重置样式 让react项目支持scss： dart-sass 按照cra文档，

目录说明 node_modules // node依赖 public // 静态文件 index.html // 首页 robots.txt // 屏蔽搜索网站的设置 src App.tsx // 主

# 课前准备 node.js v10以上，我偶然用到了16.12.0版本，以这个版本为准 ``` nvm install 16.12.0 // 安装出现问题，用管理员权限打开power