项目创建前置准备
工具
首先我们要创建一个Gitee仓库
创建完成之后选择SSH,然后复制链接
通过Git Bash Here工具将线上仓库克隆到我们本地
git clone为我们的克隆命令,后面是我们复制的仓库地址
这时候我们的项目前置工作基本完成
项目创建
线上仓库拉到我们本地之后,我们打开我们拉取的文件
cd为文件打开命令,后面是文件名
打开之后,输入npx create-react-app xx
以此来创建我们的项目xx
是我们的项目名字
创建完成以后,输入cd 文件名
进入文件,通过git缓存一次,命令为git add --all , git commit -m 'xx'
这是两个命令是前后输入的,然后在项目中输入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
错误,多下载几次或者换个好一点的网络