idea 打开 react 项目 卡_项目：create-react-app

React

• 引入react最好使用create-react-app，搭建配置命令总结如下：

1. 默认样式设置
2. dart-sass安装
3. styled-components安装
4. react-router-dom安装

运行 yarn config set registry https://registry.npm.taobao.org/

yarn global add create-react-app@3.4.1 （亦可用 npm 全局安装）
create-react-app morney-react --template typescript（项目名可以自定）
cd morney-react
yarn start（会自动打开浏览器）
不喜欢自动，运行 echo 'BROWSER=none' > .env 
再 yarn start

在 index.css 添加 @import-normalize; 即可
//@import-normalize;让浏览器在不同的页面上样式基本一样
//@import-reset;    让浏览器在不同的页面上样式被重置

yarn add --dev node-sass@npm:dart-sass@1.25.0
//node-sass 下载慢，安装解析麻烦，
//用dart-sass代替node-sass，但是react不允许直接安装dart-sass
//所以偷梁换柱，让react以为安装node-sass，实际安装dart-sass

yarn add --dev @types/styled-components
//自动给出CSS属性名，将样式添加到html上

yarn add react-