如何自己开发一个脚手架工具

栏目: JavaScript · 发布时间: 7年前

内容简介:是一个命令行工具,安装对应的命令,通过这些命令执行一些操作,得到一些结果,帮我们快速地完成一些事情。以vue-cli 脚手架使用举例

是一个命令行工具,安装对应的命令,通过这些命令执行一些操作,得到一些结果,帮我们快速地完成一些事情。

常用的脚手架工具

  • vue-cli
  • create-react-app
  • webpack
  • gulp
  • grunt

为何要使用

  1. 减少重复性的工作,不在需要复制其他项目和删除无关的代码,或者从零开始创建一个项目
  2. 根据互动情节动态生成项目结构和配置文件
  3. 多人协作更加方便,不需要文件传来传去

以vue-cli 脚手架使用举例

npm install -g vue-cli
npm install -g cnpm --registry=https://registry.npm.taobao.org
vue -V|--version  
vue list
vue init <template-name> <project-name>
复制代码

如何开发定制自己的一个脚手架呢?

思路

  1. 本地开发好,项目模板上传到远程git仓库,脚手架命令发布到npm官网
  2. 用户通过npm安装脚手架命令,根据命令行提示导向,从远程git仓库拉去对于的模板

以上所述就是小编给大家介绍的《如何自己开发一个脚手架工具》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Black Box Society

The Black Box Society

Frank Pasquale / Harvard University Press / 2015-1-5 / USD 35.00

Every day, corporations are connecting the dots about our personal behavior—silently scrutinizing clues left behind by our work habits and Internet use. The data compiled and portraits created are inc......一起来看看 《The Black Box Society》 这本书的介绍吧!

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具