从0开发React项目-1-怎么从0创建一个react项目

263 阅读1分钟

课前准备

node.js v10以上,我偶然用到了16.12.0版本,以这个版本为准

nvm install 16.12.0 // 安装出现问题,用管理员权限打开power shell安装的
nvm use 16.12.0 

yarn 1.x版本

1 官网下载yarn安装; // 官网没有找到安装包,按照官网指令安装
2 npm i -g corepack // https://yarnpkg.com/getting-started/install
3 yarn --version // 1.22.5
4 yarn config set registry https://registry.npm.taobao.org/

创建项目 create-reate-app

工具 create-react-app cra
create-react-app.dev/

1 本地创建工程文件夹,come-up-account
2 webstorm打开空的工程目录,在工程目录的终端执行以下命令
3 yarn global add create-react-app@3.4.1
4 create-react-app . --template typescript // 要特别注意后面的 --template typescript
5 yarn start 
6 禁止项目启动时打开浏览器,在工程目录下,创建.env文件,文件里写上BROWSER=none

.gitignore文件添加忽略内容

1 .gitignore中添加忽略目录 /.idea
2 git rm -r --cached .
3 git add .
4 git commit -m "update .gitignore"
5 git push origin master