react项目创建

如何创建一个完整的React项目
项目创建前置准备
工具
项目创建
项目创建前置准备
工具
首先我们要创建一个Gitee仓库
创建完成之后选择SSH，然后复制链接

 

通过Git Bash Here工具将线上仓库克隆到我们本地
git clone为我们的克隆命令，后面是我们复制的仓库地址

这时候我们的项目前置工作基本完成

项目创建
线上仓库拉到我们本地之后，我们打开我们拉取的文件
cd为文件打开命令，后面是文件名

打开之后，输入npx create-react-app xx 以此来创建我们的项目xx是我们的项目名字

 

 

创建完成以后，输入cd 文件名进入文件，通过git缓存一次，命令为git add --all ， git commit -m 'xx'
这是两个命令是前后输入的，随后我们启动一次项目，命令为yarn start
然后在项目中输入yarn eject开启配置，这个命令必须输入否则项目会报错

这时候一个React项目就创建完成啦

 

 

习惯用scss语法的同学可以在启动配置以后， 替换packge.json 文件里的 script内容

"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"
    },

，然后控制台输入yarn add node-sass-chokidar ， yarn add npm-run-all进行scss语法的配置安装。
有时候会因为网络原因报error错误，多下载几次或者换个好一点的网络