搭建React开发环境

构建React应用

• 构建React应用使用官网推荐的creat-reacr-app来构建一个react应用，也有其它的第三方的构建工具，但是官网的工具相对来说比较稳定可靠。

npm install create-react-app -g

• 在命令行工具中使用以下命令来构建，注意必须使用cmd命令行工具且以管理员身份来运行，进入到指定目录构建。node版本高于8.10，npm版本高于5.60。

create-react-app my-app//创建react工程
cd my-app//打开目录
npm start//启动项目

• 出现这个图项目就算是启动了

  
  image.png

目录结构

• 项目目录有node_modules，public，src，.gitignore，package.json，package-lock.json，README.md。
• node_modules是存储依赖插件的文件夹
• public是存储项目的入口文件index.html的文件夹
• src存放的是这个项目的核心内容，也就是主要工作区域。其中，index.js文件是和index.html进行关联的文件的唯一入口，App.js是继承react提供的component。
• package.json管理下载的依赖包，记录每个依赖的版本号，设置启动打包的命令。
  image.png
  image.png
• package-lock.json锁定安装依赖的版本号。
• README.md项目说明文件（markdown语法文件）r