create-react-app

安装create-react-app

复制npm i -g create-react-app

创建react工程

• 项目名称遵循node的包名 即 全部使用小写英文字母，多个单词之间使用中划线或下划线进行连接 

复制create-react-app <项目名称>

目录结构

目录结构

• node_modules: 安装的依赖包
• public: 存放公共资源，如图片，css等
  • index.html: 工程的入口html，和我们以往写的html没有区别，会引用上面的main.js
• src: 代码目录
  • index.js: js的入口文件，这个文件会被在index.html中调用
  • App.js: 组件入口文件，可以说是根组件，其他组件都从这里开始
• package.json: 依赖包配置文件
• README.md: 工程的介绍文件