从0到1手写cli脚手架

最新推荐文章于 2024-04-06 08:52:51 发布

coder_vito

最新推荐文章于 2024-04-06 08:52:51 发布

阅读量336

点赞数

文章标签： cli

本文链接：https://blog.csdn.net/weixin_45746826/article/details/109565960

版权

本文详细介绍了从0开始创建一个CLI脚手架的过程，包括初始化npm项目、定制命令行界面、打印欢迎界面、克隆脚手架模板以及自动安装依赖。通过实例操作，让你一步步构建自己的CLI工具。

摘要由CSDN通过智能技术生成

废话不多说，直接安排

初始化npm

mkdir vue-auto-cli && cd vue-auto-cli && npm init -y
创建一个bin文件夹
创建vitocli.js文件,先设置一下编译环境为node

#! /usr/bin/env node
console.log('cli....')

配置package.json文件,bin

{
  "name": "vue-auto-cli",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "bin": {
    "vito": "./bin/vitocli.js"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

ok,执行npm link，相当于全局配置了vito
测试一下是否成功，vito，如下图
在这里插入图片描述
安装依赖
npm i commander dow