开源了一个小的前端脚手架(队内分享)

开源
目前队内新项目,我们都使用了自己的公共库、自己一套的 eslint 规范及 git commit 相关的检查,如果有新项目我们还要从老的项目一个一个把配置拷贝过来,效率比较低。

[[424934]]

这个是我开源的第二个项目,第一个开源项目是一个 okr 的树形图,目前有 349 个star,地址如下:https://github.com/qq449245884/vue-okr-tree,精力有限,近期维护的比较少,如果有兴趣的小伙伴可以加入一起维护。

现在来看看我开源的第二个小项目,主要是我们团队要用的,目的是减少一些琐屑的工作,增加开发效率。

背景

目前队内新项目,我们都使用了自己的公共库、自己一套的 eslint 规范及 git commit 相关的检查,如果有新项目我们还要从老的项目一个一个把配置拷贝过来,效率比较低。

为了解决这些痛点,我们需要有自己的脚手架,帮我们完成这些耗时的工作。

为什么需要脚手架?主要有 3 点原因:

减少重复性的工作,不再需要复制其他项目再删除无关代码,或者从零创建一个项目和文件

根据交互动态生成项目和配置文件等

多个协作更为方便,不需要所文件传来传去

调研

 

安装

  1. npm install --global ztjy-cli 

命令使用

查看版本

  1. ztjy -v  或 ztjy --version 

查看当前模板

  1. ztjy ls 

说明:

如果是公司内网环境选择使用不带 github 开头的模板

初始化项目

我们可以使用 init 命令选择一个模板来初始化我们新的项目。

  1. ztjy init 

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

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

注意:如果下载失败,可能原因是网络问题,可以多执行多次试试。

下载成功后,在当前目录下就可以看到我们指定的 my-vue-template 项目。

添加模板

如果现有模板没有我们想要的,我们可以 add 命令添加新的模板:

  1. ztjy add 

执行 add 命令后,依次会让我们输入项目的名称、描述及下载 地址。

这里的下载地址需要符合指定的格式,模板是使用 download-git-repo 库下载的,所以具体的地址格式可以参考:

https://gitlab.com/flippidippi/download-git-repo

删除模板

如果模板已经不需要了,我们可以使用 del 命令删除:

  1. ztjy del 模板名称 

项目地址:gitubh: https://github.com/qq449245884/ztjy-cli

三方库介绍

  1. <!-- 终端样式库 --> 
  2. "chalk""^3.0.0"
  3. <!-- 命令行交互 --> 
  4. "commander""^5.0.0"
  5. <!-- 从git拉模板 --> 
  6. "download-git-repo""^3.0.2"
  7. <!-- fs操作拓展 --> 
  8. "fs-extra""^9.0.0"
  9. <!-- 模板引擎 --> 
  10. "handlebars""^4.7.3"
  11. <!-- 命令行交互 --> 
  12. "inquirer""^7.1.0"
  13. <!-- 加载效果,图标 --> 
  14. "ora""^4.0.3" 

~~完,我是刷碗智

 

责任编辑:姜华 来源: 大迁世界
相关推荐

2020-12-17 12:43:43

前端gup4.0webpack

2020-05-19 10:13:45

Java开发代码

2019-12-25 15:20:48

前端脚手架命令

2021-01-07 05:34:07

脚手架JDK缓存

2021-12-23 10:35:32

SpringCloud脚手架架构

2016-08-10 14:59:41

前端Javascript工具

2020-03-20 08:32:41

物联网脚手架传感器

2021-10-08 06:10:43

前端技术Vue

2016-09-07 15:35:06

VueReact脚手架

2022-07-18 07:58:46

Spring工具工具类

2021-05-21 05:22:52

脚手架工具项目

2018-06-11 14:39:57

前端脚手架工具node.js

2018-08-30 16:08:37

Node.js脚手架工具

2022-04-24 11:33:47

代码管理工程

2023-11-21 17:36:04

OpenFeignSentinel

2014-08-15 09:36:06

2022-01-14 14:09:11

脚手架代码自定义

2020-06-29 11:35:02

Spring BootJava脚手架

2024-03-11 13:18:00

RustClap项目

2017-07-21 09:56:46

Webpack3 Vue.js脚手架
点赞
收藏

51CTO技术栈公众号