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. 安装routeryarn add react-router-dom
8. 安装axiosyarn 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一下,以防电脑死机打不开等等一起其他问题 这样代码在仓库进度可以正常进行