@zpmc/cli-vue

# 安装
npm i @zpmc/cli-vue -D

Vue Cli 定制

定制化 vue cli 3.x, 功能如下:

1. 迁移配置文件到 build 目录下, 包含(vue, babel, postcss, env, eslint)
2. 使用 cli-vue 代替 vue-cli-service 命令

# 命令行
cli-vue custom 定制 vue cli
cli-vue serve 代替 vue-cli-service serve
cli-vue build 代替 vue-cli-service build
cli-vue inspect 代替 vue-cli-service inspect
cli-vue lint 代替 vue-cli-service lint

# Nodejs API
const {service} = require('@zpmc/cli-vue');
service.customization();

# 可在项目 `build/scripts/vue.script.js` 或 `build/scripts/post.install.js` 引入

Webpack 定制

1. 定制 WebStorm 工具，支持别名识别
2. 定制 vs code 工具，支持别名识别

# 使用命令
cli-vue webpack

# 使用 Nodejs API
const {webpack} = require('@zpmc/cli-vue');
webpack.customization();

# 可在项目 `build/scripts/vue.script.js` 或 `build/scripts/post.install.js` 引入

Css 预处理

cli-vue less // 添加 less 预处理
cli-vue less remove // 移除 less 预处理
cli-vue sass // 添加 sass 预处理
cli-vue sass remove // 移除 sass 预处理

Eslint 定制

# 使用命令
cli-vue eslint // 定制 eslint 工具支持
cli-vue eslint [-c | close | disable] // 关闭 eslint 工具支持
cli-vue eslint -h // 查看帮助

# 使用 Nodejs API
const {eslint} = require('@zpmc/cli-vue');
eslint.customization();

# 可在项目 `build/scripts/vue.script.js` 或 `build/scripts/post.install.js` 引入

Stylelint 定制

其他定制

cli-vue taobao 切换淘宝镜像
cli-vue npm 切换NPM镜像

参考资料

https://www.npmjs.com/package/fs-extra
https://www.npmjs.com/package/semver
https://www.npmjs.com/package/xml2js
https://www.npmjs.com/package/chalk