0
点赞
收藏
分享

微信扫一扫

react 搭建开发环境


1. 下载安装 node.js

​​下载安装最新版 node.js​​

若已安装过node.js,请检查版本是否满足需求

  • Node >= 14.0.0
  • npm >= 5.6

react 搭建开发环境_下载安装


若版本过低,则重新安装最新版即可。

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

项目创建成功后,会得到

react 搭建开发环境_前端_02


用 vscode 打开文件夹 my-app1,在NPM脚本中启动项目

react 搭建开发环境_react.js_03


react 搭建开发环境_前端_04


浏览器中访问 ​​http://localhost:3000/​​

react 搭建开发环境_下载安装_05


至此证明项目创建成功!

3. 启动项目

在第2步中,已介绍了使用vscode快速启动项目的方法
使用命令行启动项目的方法为在项目目录中打开终端执行命令

npm start

4. 打包项目

在项目目录中打开终端执行命令

npm run build


举报

相关推荐

0 条评论