【React】脚手架(3)

90 阅读1分钟

一、为什么要用脚手架

  1. 现在的 web 开发应用已经不是传统的方式,新建一个 HTML 文件,在此基础上写 CSS、JavaScript,最终把页面实现。

二、React 脚手架意义

  1. 脚手架是开发 Web 应用的必备
  2. 充分利用 Webpack、Babel、ESlint等工具辅助项目开发
  3. 零配置,无需手动配置繁琐的工具即可使用、
  4. 关注业务,而不是工具配置

三、初始化项目

  1. 命令:npx create-react-app 项目名
  2. 注意:node 版本必须高于 14
  3. 启动:项目根目录中执行 npm start

四、npx 介绍

  1. npm v5.2.0 引入的一条命令
  2. 目的:提升包内提供的命令行工具的使用体验
  3. 原来:先安装脚手架,再使用这个包中提供的命令
  4. 现在:无需安装脚手架,就可以直接使用这个包提供的命令
  5. 使用:npx 脚手架名 项目名