react项目创建

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的项目算是创建成功了