「这是我参与11月更文挑战的第17天,活动详情查看:2021最后一次更文挑战」
前言
我们已经使用多次“脚手架”这个词,但是你可能还不知道它是什么意思。在 Yeoman的 语境中,脚手架材料表示通过一些配置为你的 webapp 生成文件。在这一步中,你会看到 Yeoman 如何为你喜欢的库及框架生成文件,以及使用如 webpack/babel/Sass 等一些额外的库的配置。
如今我们提到脚手架工具,第一时间会想到的一般都会是Vue、React、Angular这样的,但是作为一个老牌的工具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列出每个已安装 generatorsyo --version获取版本
总结
Yeoman的安装我们就到此告一段落了,我们通过下图来进行回顾一下: