一、为什么要用脚手架
- 现在的 web 开发应用已经不是传统的方式,新建一个 HTML 文件,在此基础上写 CSS、JavaScript,最终把页面实现。
二、React 脚手架意义
- 脚手架是开发 Web 应用的必备
- 充分利用 Webpack、Babel、ESlint等工具辅助项目开发
- 零配置,无需手动配置繁琐的工具即可使用、
- 关注业务,而不是工具配置
三、初始化项目
- 命令:npx create-react-app 项目名
- 注意:node 版本必须高于 14
- 启动:项目根目录中执行 npm start
四、npx 介绍
- npm v5.2.0 引入的一条命令
- 目的:提升包内提供的命令行工具的使用体验
- 原来:先安装脚手架,再使用这个包中提供的命令
- 现在:无需安装脚手架,就可以直接使用这个包提供的命令
- 使用:npx 脚手架名 项目名