我的编程空间,编程开发者的网络收藏夹
学习永远不晚

基于node的cli工具开发使用详解

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

基于node的cli工具开发使用详解

前言

如果文章对你有帮助的话,记得一键三连哟。有问题和疑惑的话也可以在评论区留言。我会第一时间回复大家,如果觉得我的文章哪里有知识点错误的话,也恳请能够告知,把错的东西理解成对的,无论在什么行业,都是致命的。

背景

公司内部有维护adminh5两套基础模版,但是每次新项目需要打开gitlabgit地址 clone,稍微有点麻烦,所以集成一个工具,方便使用???。

功能特性

下载公司内部前端模版

效果预览

地址

taosiqi/web-cli

插件开发

推荐使用nrm管理npm

  • 创建用户
npm adduser --registry http://127.0.0.1:4873/
  • 发布
npm publish --registry http://127.0.0.1:4873/

使用

  • 安装
npm install web-cli -g --registry http://127.0.0.1:4873/
  • 使用
web-cli create

实现原理

使用到的工具

  • chalk: 修改终端颜色
  • commander: 添加版本命令提示
  • inquirer: 命令行交互
  • minimis: 命令行解析
  • ora: 终端旋转器
  • shelljs: 执行shell命令
  • rimraf:删除文件夹

package.json

{
  "name": "web-cli",
  "version": "0.0.5",
  "description": "前端脚手架",
  "main": "dist/class="lazy" data-src/service.js",
  "author": {
    "name": "taosiqi",
    "email":"thinlf97@gmail.com"
  },
  "keywords": [
    "rs",
    "cli"
  ],
  "bin": {
    "web-cli": "dist/class="lazy" data-src/bin/web-cli.js" //会注册成全局可执行文件
  },
  "scripts": {
    "dev": "tsc -w -p .",
    "build": "rimraf dist && tsc -p .",
    "test": "echo "Error: no test specified" && exit 1",
    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
  },
}

web-cli.ts

#!/usr/bin/env node
// 第一行不可少,其作用是它告诉系统这个脚本需要用node解释器来执行。
// 这个文件主要是用来处理接受参数的入口文件,
const Service = require('../service') //引入我们的入口文件
const service = new Service() //实例化Service
const rawArgv = process.argv.slice(2)
const args = require('minimist')(rawArgv) //解析命令行参数
const command = args._[0]
// 执行初始化
service.run(command, args, rawArgv)

service.ts

import program from 'commander'
import packageInfo from '../package.json'
import { create } from "./commands/create";
module.exports = class Service {
    constructor() {
        setupDefaultCommands() //设置默认命令
    }
    run(_id, _args = {}, rawArgv = []) {
        program.parse(rawArgv, { from: 'user' })  //执行相应的命令
    }
}
// 设置默认命令
const setupDefaultCommands = () => {
    program.version(packageInfo.version, '-v, --version', '输出当前版本号')
    program.helpOption('-h, --help', '获取帮助')
    program.command('create').description('新建项目').alias('c').action(async () => {
        await create()
    })
    program.addHelpCommand(false)
}

create.ts

import shelljs from 'shelljs'
import inquirer from 'inquirer'
import * as fs from 'fs'
import rimraf from 'rimraf'
import log from '../utils/log'
const templateType = {
    type: 'list',
    message: '请选择模版类型',
    name: 'type',
    choices: [
        {
            name: 'h5',
            value: 'vue3-h5-starter'
        },
        {
            name: 'admin',
            value: 'vue3-admin-starter'
        }
    ]
}
const templateName = [
    {
        type: 'input',
        message: '请输入项目名称:',
        name: 'name',
        validate: (val) => {
            return val !== ''
        }
    }
]
export const create = async () => {
    // 选择模版类型
    let { type } = await inquirer.prompt([templateType])
    // 项目名称
    let { name } = await inquirer.prompt(templateName)
    // 拼接git地址,自行替换「」字段
    const url = `git clone http://gitlab-ci-token:「token」@「ip/域名」/pinxin/${type}.git --depth 1`
    // 执行clone
    await shelljs.exec(url)
    // 重命名
    await fs.renameSync(`./${type}`, `./${name}`)
    // 删除无关文件
    await rimraf(`./${name}/.git`)
    await rimraf(`./${name}/.idea`)
    await rimraf(`./${name}/.vscode`)
    log.succeed('创建成功')
    log.info(`cd ${name}`)
    log.info(`pnpm install`)
}

以上就是基于node的cli工具开发使用详解的详细内容,更多关于node cli开发工具的资料请关注编程网其它相关文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

基于node的cli工具开发使用详解

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

基于node的cli工具开发使用详解

这篇文章主要为大家介绍了基于node的cli工具开发使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-05-13

基于node的cli工具怎么开发使用

本篇内容介绍了“基于node的cli工具怎么开发使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!背景公司内部有维护admin和h6两套基础
2023-07-05

详解用node编写自己的cli工具

工作中接到新项目,开发前都需要先规划项目目录,然后一个个创建文件,搭建sass编译环境,下载jquery,Swiper等类库... 这些准备工作都要花上不少时间。每做一个项目,都会遇到同样的问题,再重复一遍吗? 是时候做点改变了:编写自己的
2022-06-04

基于 GPT 的开发者实用工具

yakGPT 是一个简单的、本地运行的 ChatGPT 用户界面,不需要安装任何应用程序,使你的文本生成速度更快。yakGPT 所有状态都存储在本地的 localStorage 中,因此没有分析或外部服务调用。

详解adb工具的基本使用

adb全称AndroidDebugBridge,是AndroidSDK中的一个工具,使用adb可以直接操作管理Android模拟器或者真实的Andriod设备,就是起到调试桥的作用,这篇文章主要介绍了adb工具的基本使用,需要的朋友可以参考下
2022-11-13

F12谷歌开发者工具使用详解

对于许多前端开发者和网页设计师来说,浏览器的开发者工具是不可或缺的利器。通过这些工具,我们可以深入了解网页的内部结构、调试代码、测试设计以及优化性能。
开发者工具2024-11-29

一个基于C#开发的Excel转Json工具使用教程

JSON吸引了工具构建者的注意,它们开发了用于重新格式化、验证和解析JSON的众多工具,这不足为奇,下面这篇文章主要给大家介绍了一个基于C#开发的Excel转Json工具的相关资料,需要的朋友可以参考下
2022-11-13

一篇关于Sentry-CLI 的使用详解

为了确保一切正常,您可以运行 sentry-cli info 并且它应该打印出有关您连接的 Sentry 安装的一些基本信息以及一些身份验证信息。
SentryCLIOS2024-12-02

详解基于SpringBoot的WebSocket应用开发

WebSocket是一种在单个TCP连接上进行全双工通信的协议,其最大的特点是服务器可以主动向客户端发送消息,而不需要客户端先发起请求。相较于传统的HTTP长轮询或轮询机制,WebSocket能有效减少不必要的网络通信开销,并提供更优的实时

怎么使用node开发一个mycli命令行工具

这篇文章主要介绍了怎么使用node开发一个mycli命令行工具的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用node开发一个mycli命令行工具文章都会有所收获,下面我们一起来看看吧。初始化首先要确保电
2023-07-02

基于Docker封装的开发包工具介绍

本篇内容介绍了“基于Docker封装的开发包工具介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!基于 Docker1.12+ (Docke
2023-06-04

卡巴斯基发布用于解密基于Conti的勒索软件的工具

卡巴斯基发布了一款新版本的解密工具,能够帮助受害者解密基于之前泄露的Conti源代码编写的勒索软件变种。Conti是一个自2019年以来在网络犯罪领域占据主导地位的勒索软件团伙,其数据,包括源代码,在欧洲地缘政治危机引发的内部冲突后于202
卡巴斯2024-11-30

编程热搜

目录