脚手架工具

·  阅读 431

脚手架的本质作用

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

  • 相同的组织结构
  • 相同的开发范式
  • 相同的模块依赖
  • 相同的工具配置
  • 相同的基础代码

常用的脚手架工具

  • react项目: => create-react-app
  • vue项目: => vue-cli
  • angular项目: => angular-cli
  • yeoman:通用型
  • plop

yeoman

一款用于创建现代化应用的脚手架工具,搭配不同的generateor创建任何类型的项目

yeoman的基础使用

  • 在全局范围安装yo

  • 安装对应的generateor

  • 通过yeoman运行generateor

yeoman的使用步骤

  1. 明确你的需求
  2. 找到合适的generateor
  3. 全局范围安装找到的generateor
  4. 通过yo运行对应的generateor
  5. 通过命令行交互填写选项
  6. 生成你所需要额项目结构

自定义generateor

generateor本质上就是一个npm模块

自定义generateor的名称必须是generateo-====

npm publish 发布

Plop

一个小而美的脚手架工具

Plop的基本使用

  1. 将plop模块作为项目开发依赖安装
  2. 在项目根目录下创建一个plopfile.js文件
  3. 在plopfile文件中定义脚手架任务
  4. 编写用于生成特定类型文件的模板
  5. 通过plop提供的cli运行脚手架任务

脚手架的工作原理

  • 通过命令行交互询问用户问题
  • 根据用户回答的结果生成文件
分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改