关于前端:开源了一个小的前端脚手架队内分享

35次阅读

共计 1409 个字符,预计需要花费 4 分钟才能阅读完成。

这个是我开源的第二个我的项目,第一个开源我的项目是一个 okr 的树形图,目前有 349 个 star,地址如下:https://github.com/qq449245884/vue-okr-tree,精力有限,近期保护的比拟少,如果有趣味的小伙伴能够退出始终保护。

当初来看看我开源的第二个小我的项目,次要是咱们团队要用的,目标是缩小一些琐屑的工作,减少开发效率。

背景

目前队内新我的项目,咱们都应用了本人的公共库、本人一套的 eslint 标准及 git commit 相干的查看,如果有新我的项目咱们还要从老的我的项目一个一个把配置拷贝过去,效率比拟低。

为了解决这些痛点,咱们须要有本人的脚手架,帮咱们实现这些耗时的工作。

为什么须要脚手架?次要有 3 点起因:

  • 缩小重复性的工作,不再须要复制其余我的项目再删除无关代码,或者从零创立一个我的项目和文件
  • 依据交互动静生成我的项目和配置文件等
  • 多个合作更为不便,不须要所文件传来传去

调研

装置

npm install --global ztjy-cli

命令应用

查看版本

ztjy -v  或 ztjy --version

查看以后模板

ztjy ls

阐明:

如果是公司内网环境抉择应用不带 github 结尾的模板

初始化我的项目

咱们能够应用 init 命令抉择一个模板来初始化咱们新的我的项目。

ztjy init

执行 init 首先会让用户抉择一个模板初始化,如果是公司内网抉择不带 github 结尾模板

抉择对应的模板后,接着会让用户填写我的项目的名称及版本,对应 package.json 中的 namedescription,如下所示:

留神 : 如果下载失败,可能起因是网络问题,能够多执行屡次试试。

下载胜利后,在当前目录下就能够看到咱们指定的 my-vue-template 我的项目。

增加模板

如果现有模板没有咱们想要的,咱们能够 add 命令增加新的模板:

ztjy add

执行 add 命令后,顺次会让咱们输出我的项目的名称、形容及下载 地址。

这里的下载地址须要合乎指定的格局,模板是应用 download-git-repo 库下载的,所以具体的地址格局能够参考:

https://gitlab.com/flippidipp…

删除模板

如果模板曾经不须要了,咱们能够应用 del 命令删除:

ztjy del 模板名称 

我的项目地址:

gitubh: https://github.com/qq44924588…

三方库介绍

<!-- 终端款式库 -->
"chalk": "^3.0.0",
<!-- 命令行交互 -->
"commander": "^5.0.0",
<!-- 从 git 拉模板 -->
"download-git-repo": "^3.0.2",
<!-- fs 操作拓展 -->
"fs-extra": "^9.0.0",
<!-- 模板引擎 -->
"handlebars": "^4.7.3",
<!-- 命令行交互 -->
"inquirer": "^7.1.0",
<!-- 加载成果,图标 -->
"ora": "^4.0.3"

~~ 完,我是刷碗智,欢送给个赞呀。

代码部署后可能存在的 BUG 没法实时晓得,预先为了解决这些 BUG,花了大量的工夫进行 log 调试,这边顺便给大家举荐一个好用的 BUG 监控工具 Fundebug。

交换

有幻想,有干货,微信搜寻 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。

本文 GitHub https://github.com/qq44924588… 已收录,有一线大厂面试残缺考点、材料以及我的系列文章。

正文完
 0