脚手架工具和yeoman

468 阅读1分钟

笔记来源:拉勾教育 - 大前端就业集训营

文章内容:学习过程中的笔记、感悟、和经验

脚手架工具

脚手架工具

作用就是快速创建项目的基础(复用)结构、提供项目规范和约定

分类

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

yeoman脚手架

yeoman.io/

基本概念:

  • yeoman是一款脚手架工具
    • 可以帮助开发人员创建基础机构代码
  • yo是yeoman的命令行管理工具
    • 可以在命令行中运行yeoman命令
  • 生成器:yeoman种具体的脚手架
    • 针对不同的项目有不同的脚手架,例如网站、app、小程序等

sxrlqJ.png

使用方法

  1. 全局安装yo:npm install --global yo
  2. 安装generator: npm install -golbal generator-webapp
  3. 通过yo运行generator:mkdir project-name > cd project-name > yo webapp
  4. 启动应用:npm run start