通用脚手架-Yeoman

345 阅读1分钟

脚手架

为什么要用脚手架?
试想一下,我们第一次开发网站,所有的东西都需要自己完成,例如:轮播图,导航菜单,页面布局等等。
所以第一次开发网站用的时间比较长(假定 1 个月),但是,当我们第二次开发网站时,第一次写好的代码,很多代码都可以复用(轮播图,导航菜单,页面布局等等)。所以第二次开发相同类型的网站,可能只需要半个月。
你会发现,代码如果能复用的话,会极大地提高我们的开发效率
而脚手架就是帮我们生成能复用的代码(项目基础结构)的工具,有了它,可能成倍地提高开发效率。
脚手架的分类:通用脚手架和专用脚手架。
image.png

脚手架的作用

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

Yeoman脚手架

Yeoman 是一款脚手架工具,其官方网站是 yeoman.io/
yo 是 Yeoman 的命令行工具,可以执行一系列的命令。
生成器是 Yeoman 中具体的脚手架。用来应对不同的应用场景(例如:生成网站和生成APP,我们使用不同的生成器)。

Yeoman使用

以使用Yeoman的webapp生成器为例:

  • 全局安装yo: npm install -global yo
  • 安装generator: npm install -global generator-webapp
  • 通过yo运行generator:
mkdir project-name
cd project-name
yo webapp
  • 启动应用: npm run start 在浏览器就可以看到半成品的网页 image.png ctrl + c终止批处理操作,输入code .回车就可使用VSCode对生成的网页进行修改了。