超好用项目代码模版管理脚手架~

2024-05-10 13:52

本文主要是介绍超好用项目代码模版管理脚手架~,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

introduction

最近开发并且开源了一款管理项目模板的脚手架cooker-cli,可以帮助你管理你的项目代码模版。

具体介绍如下,

cooker-cli

cooker-cli 能够快速生成你能想象得到的各种模版项目:

  • 前端:vue2, vue3, react, mini-program...

  • 客户端: iOSAndroid...

  • 后端:JavaPHPGo...

  • ...

Install

$ npm install -g cooker-cli

What

这个脚手架的用途是帮助你管理模版项目,模版项目需要你自己在模版库中DIY,从而在后续的使用中快速生成你要的模版项目。

Why

根据以往业务的经验,即使在这个脚手架中提供了模版,也满足不了大多数人的需求。因为对于日益更新的技术栈,项目可以有多种多样的库搭配组合,排列组合之下,产出的模版何其多也(^o^)/~

并且即使有提供了模版,如果不能持续迭代,要不了多久,也就废弃了。所以,不如将这个功能放给使用者,这样可以使用者可以DIY项目模版,方便随时调整和迭代,从而不被脚手架所限制。

Example

  • 创建项目-演示使用

$ cooker-cli create <project-name>
✔ 正在获取模版列表...
? 选择你要的模版 (Use arrow keys)
❯ h5-template-vue (h5的vue项目模版)h5-template-react (h5的react项目模版)pc-template-vue (pc的vue项目模版)pc-template-react (pc的react项目模版)minProgram-template (小程序项目模版)----------------------------------
? 选择你要的模版 h5-template-vue (h5的vue项目模版)
✔ 正在获取模版版本信息...
? 选择你要的模版版本 (Use arrow keys)
❯ vue2-jsvue2-vuex-jsvue3-jsvue3-ts----------------------------------⠏ 正在下载资源...----------------------------------
✔ 下载完成~
  • 配置你自己的模版

    1.如果你使用github或者gitee来存放你的模板库,可以按照以下流程配置

    2.如果你使用本地私有gitlab来存放你的模板库,可以在gitlab库中创建一个组(group),在这个组(group)中存放你的模板集合,跳过步骤1、步骤2.。

    Tip:组id(groupId)为作为脚手架配置项gitlabGroupId

    • 1.你需要拥有一个github/gitee账号

    • 2.注册组织机构账号,在github/gitee账号内即可免费注册完成

      • 步骤如下

      • create new... --> New Organizational --> 后面按照提示完成注册即可(该操作为github,gitee也有类似方方式创建)

      • 得到机构名称 => 为了方便,统一称作 org

    • 3.在你创建的机构下,创建你的模版,这个创建的模版你将在这里看到

      这里的模版可以理解为模版大类,比如pc的vue项目、pc的react项目、h5的vue项目、h5的react项目、小程序项目

      ✔ 正在获取模版列表...
      ? 选择你要的模版 (Use arrow keys)
      ❯ h5-template-vue (h5的vue项目模版)h5-template-react (h5的react项目模版)pc-template-vue (pc的vue项目模版)pc-template-react (pc的react项目模版)minProgram-template (小程序项目模版)
    • 4.按照你自己的分类创建完成多个模版以后,进入其中一个模版项目,

    • 5.此时,你可以通过分支(branches)或者标记(tags)来创建模版对应的多个版本,你将在这里看到

      这里的模版版本可以理解为模版大类下的细分,比如pc的vue项目大类下,分为:vue2项目、vue3项目、使用vuex的项目、使用ts的项目等等,可以更加实际业务场景自己去细分

      ? 选择你要的模版版本 (Use arrow keys)
      ❯ vue2-jsvue2-vuex-jsvue3-jsvue3-ts
    • 6.做完以后操作以后,你就可以去修改cooker-cli的配置文件了,在开始之前可以先了解一下内容

      查看配置信息: cooker-cli config -show 修改配置信息: cooker-cli config --set <key> <value>

      恢复默认配置信息: cooker-cli config --reset

    • 7.1如果你使用github/gitee,将配置中的组织名称,修改成你自己创建的org

      # organization-name 默认值: niu-fly,为演示项目
      $ cooker-cli config --set=org <your github organization-name>
    • 7.2如果你使用gitlab,将你的组(group)的id,配置到脚手架中

      # organization-name 默认值: niu-fly,为演示项目
      $ cooker-cli config --set=gitlabGroupId <your gitlab groupId>
    • 8.如果你在步骤5中采用tags来管理版本,那么你需要进行下面的配置

      # mode 默认值: branches
      $ cooker-cli config --set=mode tags
    • 9.如果你使用gitee,那么你需要在gitee界面,生成你的access-token,配置到脚手架中

      $ cooker-cli config --set=giteeToken <your gitee access-token>
    • 10.如果你使用github/gitee,做完以上操作,就已经完成了所有配置。你可以自由搭建的模版库了(^o^)/~

    • 11.如果你使用本地gitlab,还需要完成一下配置

      # 配置本地gitlab域名
      $ cooker-cli config --set=gitlabDomain <your gitlab Domain>
      # 配置本地gitlab域名
      $ cooker-cli config --set=gitlabDomain <your gitlab Domain>
      # 配置本地gitlab-token
      $ cooker-cli config --set=gitlabToken <your gitlab token>
    • 12.所有配置都已完成,恭喜(^o^)/~

Usage

Usage: cooker-cli <command> [option]
​
用于创建一个模版前端项目
​
Options:-V, --version                output the version number-h, --help                   display help for command
​
Commands:create [options] <app-name>  开始创建项目,项目名称<app-name>config [options] [value]     添加、修改、删除配置项help [command]               display help for command
​
Run cooker-cli <command> --help 查看更多命令信息

Feat

  1. ✅ 支持github

  2. ✅ 支持gitee

  3. ✅ 支持gitlab

TODO

...

Resource

  • GitHub - super-Sun/cooker-cli: 脚手架,快速创建模版项目

LICENSE

MIT

[npm]  https://img.shields.io/npm/v/cooker-cli.svg 

[npm-url]  https://npmjs.com/package/cooker-cli 

[node]  https://img.shields.io/node/v/cooker-cli.svg 

[node-url]  https://nodejs.org 

这篇关于超好用项目代码模版管理脚手架~的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/976623

相关文章

深度解析Java项目中包和包之间的联系

《深度解析Java项目中包和包之间的联系》文章浏览阅读850次,点赞13次,收藏8次。本文详细介绍了Java分层架构中的几个关键包:DTO、Controller、Service和Mapper。_jav... 目录前言一、各大包1.DTO1.1、DTO的核心用途1.2. DTO与实体类(Entity)的区别1

Java中调用数据库存储过程的示例代码

《Java中调用数据库存储过程的示例代码》本文介绍Java通过JDBC调用数据库存储过程的方法,涵盖参数类型、执行步骤及数据库差异,需注意异常处理与资源管理,以优化性能并实现复杂业务逻辑,感兴趣的朋友... 目录一、存储过程概述二、Java调用存储过程的基本javascript步骤三、Java调用存储过程示

Visual Studio 2022 编译C++20代码的图文步骤

《VisualStudio2022编译C++20代码的图文步骤》在VisualStudio中启用C++20import功能,需设置语言标准为ISOC++20,开启扫描源查找模块依赖及实验性标... 默认创建Visual Studio桌面控制台项目代码包含C++20的import方法。右键项目的属性:

如何在Spring Boot项目中集成MQTT协议

《如何在SpringBoot项目中集成MQTT协议》本文介绍在SpringBoot中集成MQTT的步骤,包括安装Broker、添加EclipsePaho依赖、配置连接参数、实现消息发布订阅、测试接口... 目录1. 准备工作2. 引入依赖3. 配置MQTT连接4. 创建MQTT配置类5. 实现消息发布与订阅

MySQL数据库的内嵌函数和联合查询实例代码

《MySQL数据库的内嵌函数和联合查询实例代码》联合查询是一种将多个查询结果组合在一起的方法,通常使用UNION、UNIONALL、INTERSECT和EXCEPT关键字,下面:本文主要介绍MyS... 目录一.数据库的内嵌函数1.1聚合函数COUNT([DISTINCT] expr)SUM([DISTIN

springboot项目打jar制作成镜像并指定配置文件位置方式

《springboot项目打jar制作成镜像并指定配置文件位置方式》:本文主要介绍springboot项目打jar制作成镜像并指定配置文件位置方式,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录一、上传jar到服务器二、编写dockerfile三、新建对应配置文件所存放的数据卷目录四、将配置文

Java实现自定义table宽高的示例代码

《Java实现自定义table宽高的示例代码》在桌面应用、管理系统乃至报表工具中,表格(JTable)作为最常用的数据展示组件,不仅承载对数据的增删改查,还需要配合布局与视觉需求,而JavaSwing... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

Go语言代码格式化的技巧分享

《Go语言代码格式化的技巧分享》在Go语言的开发过程中,代码格式化是一个看似细微却至关重要的环节,良好的代码格式化不仅能提升代码的可读性,还能促进团队协作,减少因代码风格差异引发的问题,Go在代码格式... 目录一、Go 语言代码格式化的重要性二、Go 语言代码格式化工具:gofmt 与 go fmt(一)

怎么用idea创建一个SpringBoot项目

《怎么用idea创建一个SpringBoot项目》本文介绍了在IDEA中创建SpringBoot项目的步骤,包括环境准备(JDK1.8+、Maven3.2.5+)、使用SpringInitializr... 目录如何在idea中创建一个SpringBoot项目环境准备1.1打开IDEA,点击New新建一个项

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.