快速创建一个 React 项目

环境搭建

• 安装 nodejs

  在 nodejs 官方 https://nodejs.org/en/ 下载并安装

• 安装create-react-app, 一个全局的命令行工具，用于简化并创建一个新的 react 项目

  npm install -g create-react-app
  

创建项目

create-react-app react-demo //创建项目

cd react-demo // 进入到新的工程目录下

默认生成的项目框架

|-node_modules             //包管理
|-public             //一般用于存放静态文件，打包时会被直接复制到输出目录(./buidle)
|-src               //项目源代码
  |  |-asserts         //用于存放静态资源，打包时会经过 webpack 处理
  |  |-components     //组件 存放 React 组件，一般是该项目公用的无状态组件
  |  |-containers          //页面视图
  |  |-routes         //路由 存放需要 connect model 的路由组件
  |  |-App.js         //入口文件
  |  |-index         //注册路由与服务
  |  |- serviceWorker        //开发配置
|-package.json      //包管理代码
|-.gitignore //Git忽略文件

本地测试

npm run start //启动本地server用于开发

在浏览器中打开 localhost://8080 查看

项目打包

 npm run build // 命令执行后, 会在工程根目录下生成 build 目录