React开发环境搭建

开发环境搭建

安装node

安装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 目录