React项目搭建

基础篇,搭建(10步曲)

项目目录创建,及必备依赖安装

(这篇文章的前提是node.js你已经安装过了)

  1. 打开cmd命令行窗口,输入npm -version,查看当前的npm版本。
  2. 如果npm版本是5.2以上版本,在cmd中输入 npx create-react-app my-app,当前目录下创建一个名为 my-app 的工程,命令行窗口中将会显示依赖库的一些日志,看步骤4.
  3. 如果npm版本低于5.2,则全局安装 create-react-app,cmd 输入 npm install -g create-react-app;create-react-app下载完成后,cmd 中输入 create-react-app my-app
  4. 此时,相关依赖开始下载安装。(耐心等待)
  5. 工程创建成功后,可以在系统文件目录看到 my-app 工程。
  6. 打开my-app工程,目录结构比较简单,没有任何配置文件(无需配置)。
  7. cmd命令行窗口中输入 cd my-app 进入 my-app 目录。
  8. 输入 npm start , 以开发模式启动服务。
  9. 服务启动成功后,将会自动弹出浏览器,并访问工程。
  10. 至此,一个简单的react工程已经搭建完成,开发者无需关注项目的配置,只需关注业务模块的开发。 React项目搭建