从Yeoman开始学习前端工程化工具

脚手架工具

前端工程化的发起者

脚手架的作用

创建项目基础结构、提供项目规范和约定

脚手架的分类

• 通用脚手架
  • yeoman
• 专用脚手架
  • create-react-app
  • vue-cli
  • angular-cli

Yeoman

The web’s scaffolding tool for modern webapps

Yeoman 的基本概念

• Yeoman 是一款脚手架工具
  • 可以帮助开发人员创建项目的基础结构代码
• yo 是 Yeoman 的命令行管理工具
  • 可以再命令行运行 yeoman 的命令
• 生成器：Yeoman 中具体的脚手架
  • 针对不同项目有不同的脚手架（例如：网站，APP，小程序等）

• yo
  • generator-webapp
    • 网站项目
  • generator-venv
    • Vue 项目
  • generator-rn-toolbox
    • React Native 项目
  • …

Yeoman 使用说明

• 全局安装 yo
  • npm i -g yo
• 安装 generator
  • npm i -g generator-webapp
• 通过 yo 运行 generator
  • mkdir project-name
  • cd project-name
  • yo webapp
• 启动应用
  • npm run start