官方脚手架 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 端口；

  •  

版权声明：本文为myy-23原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/myy-23/p/12257179.html