zhaobinglong / myBlog

https://zhaobinglong.github.io/myBlog/
MIT License
7 stars 0 forks source link

自定义Vue项目CLI脚手架 #110

Open zhaobinglong opened 3 years ago

zhaobinglong commented 3 years ago

目标

自定义cli脚手架,实现一键初始化项目,同时根据参数,可以配置不同的内容

参考

https://developers.weixin.qq.com/community/develop/article/doc/000e08e632c2f8847b39b67dc51813

npm link介绍:https://www.jianshu.com/p/aaa7db89a5b2 commander命令:https://github.com/tj/commander.js/blob/HEAD/Readme_zh-CN.md

zhaobinglong commented 3 years ago

新建bin文件

创建项目 my-cli,执行 npm init -y快速初始化

在 package.json 中加入:

{
  "bin": {
    "my-cli": "bin.js"
  }
}

// bin.js文件如下
#!/usr/bin/env node
console.log(process.argv);

!/usr/bin/env node,这一行是必须加的,就是让系统动态的去PATH目录中查找node来执行你的脚本文件。

zhaobinglong commented 3 years ago

配置命令到全局

命令行执行 npm link ,创建软链接至全局,这样我们就可以全局使用my-cli命令了,在开发 npm 包的前期都会使用link方式在其他项目中测试来开发,后期再发布到npm上