Yeoman脚手架工具

788 阅读2分钟

「这是我参与11月更文挑战的第17天,活动详情查看:2021最后一次更文挑战

前言

我们已经使用多次“脚手架”这个词,但是你可能还不知道它是什么意思。在 Yeoman的 语境中,脚手架材料表示通过一些配置为你的 webapp 生成文件。在这一步中,你会看到 Yeoman 如何为你喜欢的库及框架生成文件,以及使用如 webpack/babel/Sass 等一些额外的库的配置。

如今我们提到脚手架工具,第一时间会想到的一般都会是VueReactAngular这样的,但是作为一个老牌的工具Yeoman他的一些理念,也是我们不可视若无睹的,接下来让我们走进Yeoman的学习吧!

先说说Yeoman是什么,它想做什么?

  • Yeoman是一个强健的工具、库、工作流程的组合,他们自己提供了一个构建生态系统,主要通过yo(yo yo 切克闹)这个命令来构建一个完整的项目或者项目的一部分。
  • Yeoman包含了检测(静态检测)、测试以及压缩等等一系列工具,让开发者能够更加专注于思考解决方案。

其实Yeoman更像一个脚手架平台,我们可以通过创建自己的generate创建属于我们自己的脚手架,但是成也萧何,败也萧何,Yeoman的优点也是他的缺点,在很多基于框架开发的人眼中因为他过于的通用,不够专注,所以他们更愿意使用vue-cli这一类的脚手架,但是这不妨碍我们学习他

Yeoman 基础使用

本次安装环境:

  • node:v10.16.2
  • npm: 6.9.0

安装

 npm install -g yo

确认 Yeoman 是否正确安装

$ npm install -g yo

安装生成器

npm install -g generator-fountain-webapp

该命令将安装生成器所需的node包。

和使用 npm install 一样,你可以通过 Yeoman 的交互菜单搜索 generators。

只要在终端中输入yo,就会提供一个选项列表来管理与生成器相关的所有内容:

  • 运行
  • 更新
  • 安装
  • 帮助
  • 其他实用程序 Yo还提供了以下命令。
  • yo --help 帮助模块
  • yo --generators 列出每个已安装 generators
  • yo --version 获取版本

总结

Yeoman的安装我们就到此告一段落了,我们通过下图来进行回顾一下: image.png