1. 下载安装 node.js
若已安装过node.js,请检查版本是否满足需求
- Node >= 14.0.0
- npm >= 5.6
若版本过低,则重新安装最新版即可。
2. 创建项目
在用于创建 react 项目的文件夹中打开终端,执行命令
npx create-react-app my-app1
若提示是否安装 create-react-app,则输入 y 后按回车即可。
若出现以下报错
npm ERR! network This is a problem related to network connectivity.
则需先使用以下命令清除缓存后重试
npm cache clean --force
项目创建成功后,会得到
用 vscode 打开文件夹 my-app1,在NPM脚本中启动项目
浏览器中访问 http://localhost:3000/
至此证明项目创建成功!
3. 启动项目
在第2步中,已介绍了使用vscode快速启动项目的方法
使用命令行启动项目的方法为在项目目录中打开终端执行命令
npm start
4. 打包项目
在项目目录中打开终端执行命令
npm run build