1.创建git仓库
2.npx create-react-app my-app
官方标准命令,my-app为项目名称
3.git仓库提交
进行git仓库提交,提交步骤:1. git add . 2.git commit -m '注释' 3.git status查看提交状态
4.cd my-app进入项目目录
5.yarn eject 或者 npm run eject 开启配置文件
不着急启动项目,先把配置文件开启就是webpack这些基础配置开启
6. yarn start 或者 npm run start启动项目
这个时候启动项目,勉强算是创建了一个项目
7.ctrl+c推出启动的项目回到文件,安装sass
1.yarn add node-sass-chokidar
2.yarn add npm-run-all
8.将package.json文件里的scripts替换为
"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"
},
9.在src文件中创建一个styles文件夹,在styles文件夹中创建index.scss文件,将css样式都写在这里面
10.在src文件中找到index.js文件,引入css文件
import './styles/index.css';
11.yarn start
添加scss文件
启动成功并编译成功表示react项目创建成功
这样一个基本react的项目算是创建成功了