React 解析/ 第二节 使用 Reac

 

官方脚手架 create-react-app

React 提供了一个官方的命令行工具（CLI）—— create-react-app，是专门用于快速搭建单页面应用（SPA）的脚手架，它基于 Webpack + ES6，无需开发者自行配置，只需通过一些命令就能快速构建 React 开发环境、运行项目，并带有热更新，且支持打包生成开发环境可用的构建版本。

说明：CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解，如果你是新手，我们强烈建议先在不用构建工具的情况下学习 React，在熟悉 React 本身之后再使用 CLI。 此处仅作简单的了解，对后续 React 知识点的学习没有影响！

执行以下命令创建项目：

npm i create-react-app -g        // 全局安装 create-react-app 脚手架
create-react-app project-name    // 通过 create-react-app 创建名为 project-name 的项目（项目名称不能使用大写英文）

项目的目录结构：

• node_modules：项目依赖；
• package.json：项目的描述文件，记录项目依赖的版本信息等；
• public： manifest.json 指定了开始页面为 index.html，是代码执行的源头；
• scr：项目的源代码；
• .gitignore：用于 git，记录 git 所需忽略的文件；

  my-app
  ├── README.md
  ├── node_modules
  ├── package.json
  ├── .gitignore
  ├── public
  │   ├── favicon.ico
  │   ├── index.html
  │   └── manifest.json
  └── src
      ├── App.css
      ├── App.js
      ├── App.test.js
      ├── index.css
      ├── index.js
      ├── logo.svg
      └── serviceWorker.js

  npm start 命令启动动项目，会启动一个本地服务器，且默认占用 3000 端口；

•