如何制作属于自己的脚手架——一看就会系列

需要一些辅助网站,网址如下:

yeoman:https://yeoman.io/

一、全局安装命令工具:yo 用于制作脚手架

cmd打开命令行:

安装命令:npm install -g yo

【检测版本号:yo --version】

同样是在cmd命令行

安装命令:npm install -g generator-generator

二、安装生成脚手架工具

新建一个文件夹,命名为 generator,在VScode中运行这个文件夹,并在终端中打开

在终端运行以下命令:

生成脚手架目录:yo generator

上面的选项不是必填项,可以直接回车,出现以下的图案说明脚手架安装成功。此时,文件夹【gennerator】下将会出现脚手架【generator-shop-generator】

三、将自己的工程代码放入脚手架中

将自己的工程代码导入generator-shop-generator下的templates中,并将templates文件下原有的dummyfiles.txt删除。

首先在generator-shop-generator文件下下的generators文件夹下找到index.js文件

将name的值改为confirm,再将templatePath改为:’**’,destinationPath改为:’./’

完成了以上步骤后,需要打开generator-shop-generator下的package.json文件,将版本号改成1.0.0

四、本地测试脚手架

在generator-shop-generator文件夹中打开终端,输入以下命令:npm link

新建一个目录demo,并在终端打开

输入命令:yo shop-generator

此时你的文件夹目录就会安装到demo上

五、将测试成功的脚手架发布到npm上

在generator-shop-generator文件夹中打开终端,输入以下命令:

登录用户:npm login

发布脚手架:npm publish

发布成功后可以在npm 官网上搜索自己上传的脚手架

六、下载安装自己的脚手架

新建文件夹test,并在终端打开
输入命令:npm i generator-shop-generator

安装成功:

到此为止,完整的步骤就结束了。

自己制作脚手架——完整版相关推荐

  1. Win98病毒制作原理-完整版

    题目 Win98病毒制作原理-完整版 类别 汇编 作者 彬 日期 2002.4.14 备注 仅供学习 -如需转载 请保留此文件的完整性 一些网友给我写信,说代码看不懂或总是编译不过去. 因此我又将代码 ...

  2. 在html中 正确的嵌套方式是( ).,HTML及网页制作练习题-完整版

    1.在HTML中,()标记不可出现在 和标记符之间.(C) (A) (B) (C) (D) 2. (A)单元格所跨的列数 (B)行的宽度 (C)列的高度 (D)单元格所跨的行数 3.在HTML中,正确 ...

  3. 易企秀手机html5场景源码,仿易企秀V15.1手机网页DIY制作工具完整版开源版源码修复采......

    源码介绍: 源码内附详细安装文档,可轻松搭建网站. 易企秀是一款针对移动互联网营销的手机网页DIY制作工具,用户可以编辑手机网页,分享到社交网络,通过报名表单收集潜在客户或其他反馈信息.用户通过易企秀 ...

  4. docker 安装linux镜像制作,制作ubuntu完整版docker镜像

    最近需要制作ubuntu14.04  server版完整docker镜像,并启动container(容器)用来编译kernel等. 以下是步骤: 一:获取ubuntu14.04 server版的完整根 ...

  5. 网页制作中html怎么读,HTML及网页制作练习题-完整版

    C〈Frame〉......〈/Frame〉 D〈Table〉......〈/Table〉 38. 下边关于HTML的说法是不正确的? (1分) B A HTML语言是描述文档结构的语言 B HTML ...

  6. html网页题,HTML及网页制作练习题-完整版

    1. 在HTML中,()标记不可出现在 和标记符之间.( C) (A) (B) (C) (D) 2. (A)单元格所跨的列数 (B)行的宽度 (C)列的高度 (D)单元格所跨的行数 3. 在HTML中 ...

  7. 在html中 正确的嵌套方式是( ).,HTML及网页制作练习题-完整版.

    HTML 1.在HTML中,()标记不可出现在 和标记符之间.( C) (A) (B) (C) (D) 2. (A)单元格所跨的列数 (B)行的宽度 (C)列的高度 (D)单元格所跨的行数 3.在HT ...

  8. 智能窗帘研究制作_(完整版)智能窗帘控制系统的设计研究

    I 基于单片机的智能窗帘控制系统的设计 摘 要 目前,家庭居住环境的采光及避光问题主要采用的是手动开闭窗帘, 手动开闭不仅费力而且很多方面不够人性化,会对用户造成一定的困扰, 本文设计的智能窗帘控制系 ...

  9. Android照片墙完整版,完美结合 内存方案 LruCache 和 硬盘方案 DiskLruCache

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/34093441 在上一篇文章当中,我们学习了DiskLruCache的概念和基本用法 ...

最新文章

  1. 单价数量和总价的公式_小学六年超全的数学公式!家长们赶紧给孩子看过来……...
  2. lvs+keepalived实现负载均衡
  3. 第三章:3.6 典型信号傅里叶变换
  4. socket通信(5)4次挥手
  5. iOS之深入解析alloc、init与new的底层原理
  6. 什么是计算机网络中的主机?
  7. Andorid之jni里面崩溃然后用errno分析结果解决问题
  8. vue中tab选项卡刷新页面后保持选中状态_Altium Designer中的快捷键汇总
  9. 利用高斯金字塔制作图像显著图
  10. ios打开html页面关闭当前页面跳转,【已解决】怎么从iOS原生界面跳转回到html页面呢...
  11. python 穷举法 算24点(史上最简短代码)
  12. 软考高级 真题 2016年上半年 信息系统项目管理师 综合知识
  13. 基于Springboot+websocket的web聊天项目(论文+程序设计源码+数据库文件)
  14. 大冬与小冉的故事 !!!-----阿冬专栏
  15. 鸿蒙真机运行调试步骤
  16. 忙于事业疏于情感老婆网上找情人
  17. Code Snippets 使用
  18. ubuntu下安装Realtek usb无线网卡驱动(8821cu)
  19. 太阳能电池系统行业调研报告 - 市场现状分析与发展前景预测
  20. 1789 员工的直属部门

热门文章

  1. 人生于世上有几个知己,多少友谊能长存
  2. VC++域名转IP(网络直接连接域名)
  3. BCH智能合约方案正式推出,我们的征途是星辰大海!
  4. C# 获取Excel工作薄中Sheet页(工作表)名集合
  5. 关于游戏打击感的帖子[转]
  6. 已 树莓派4b ros 系统 网盘_树莓派推出8GB内存版4B 搭载64位操作系统
  7. 精美卡通儿童教育班会课件PPT模板
  8. tensorflow官网
  9. linux版uTorrent安装手记
  10. Android应用--简、美音乐播放器原型放送(作者:小巫)