幽灵资源网 Design By www.bzswh.com
vue-cli 卸载，版本选择，安装 · 检测（图文教程：vue Cli 环境删除与重装）
重要说明：
vue-cli 3.0+版本，使用的不是vue-cli，而是@vue/cli；
如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的命令。
vue-cli 的 卸载：
如果原来已经安装了vue-cli的话需要先卸载原来的安装
npm uninstall vue-cli -g
vue-cli 的 安装：
1. 版本低于3.0 （vue-cli<3.0)
npm install vue-cli -g
2. 版本高于3.0 （vue-cli≥3.0+)
npm install @vue/cli -g
3. vue-cli的版本查看：vue -V (字母-V大写)
Vue CLI 官方介绍：
中文文档
英文文档
cmd 命令 · 运行图鉴：
补充知识：使用vue-cli构建 webpack打包工具时，生产环境下，每次build时，删除dist目录，并重新生成，以防dist目录文件越来越多。
首先，需要使用webpack的插件CleanWebpackPlugin，安装命令如下：
npm install --save-dev clean-webpack-plugin
其次，需要在生产环境提供的文件：build/webpack.prod.conf.js的plugins节点下添加如下代码：
new CleanWebpackPlugin(
['dist'], //匹配删除的文件
{
root：path.resolve(__dirname,'../') //根目录
verbose：true， //是否启用控制台输出信息
dry: false, //设置为false,启用删除文件
}
),
以上这篇vue Cli 环境删除与重装教程 - 版本文档就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
标签：
vue,Cli,环境删除,重装
幽灵资源网 Design By www.bzswh.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...