创建React项目
1、node 版本 查看node版本
一般会安装nvm来管理node 版本
2、npx create-react-app my-app
官方标准命令,my-app 为项目名称
3、git git 仓库提交
4、cd my-app进入项目目录
先进入到这个项目目录
5、yarn eject 开启配置文件
6、yarn start启动项目
(1) ctrl+C 关闭运行
安装scss语法
(2)yarn add node-sass-chokidar
(3)yarn add npm-run-all
修改package.json里的
"scripts": { "build-css": "node-sass-chokidar src/ -o src/", "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive --use-polling --polling-interval 1000", "start-js": "node scripts/start.js", "start": "npm-run-all -p watch-css start-js", "build-js": "node scripts/build.js", "build": "npm-run-all build-css build-js", "test": "node scripts/test.js --env=jsdom" },
7. 安装router
yarn add react-router-dom
8. 安装axios
yarn add axios
引用配置文件的时候要安装
yarn add http-proxy-middleware
9.
在src目录下创建一个styles文件在styles里创建一个index.scss文件所有css样式都写下这里
修改入口文件
在src文件里有个index.js文件里的
import './index.css';
修改成
import './styles/index.css';
yarn start
添加scss 文件
启动成功并编译成功表示react项目创建成功
最后git push往仓库添加
每天早中晚都要push一下,以防电脑死机打不开等等一起其他问题
这样代码在仓库进度可以正常进行