module1_02_脚手架工具

脚手架工具

一、脚手架工具

• 是前端工程化的发起者

（1）作用

• 创建项目基础结构（可复用性代码）、提供项目规范和约定

  • 脚手架创建的目录结构

• 而脚手架也分通用脚手架和专用脚手架

二、Yeoman

• 接下来就 yeoman 脚手架工具来学习脚手架工具的基础

（1）基本概念

• Yeoman 是一款脚手架工具

• yo 是 Yeoman的命令管理工具

  • 可以在命令运行 yeoman 的命令

• 生成器（generator）：Yeoman 中具体的脚手架

  • 针对不同项目有不同的脚手架（例如：网站，APP，小程序）

  • 在官网可以查看有什么包

（2）Yeoman 初体验

• ① 全局安装yo

  • npm install --global yo

• ② 安装generator

  • npm install --global generator-webapp

• ③ 通过 yo 运行 generator

  • mkdir project-name

  • cd project-name

  • yo webapp

• ④ 启动应用

  • npm run start