Vue CLI使用前提是---Node
1.下载node.js
首先在官方网站https://nodejs.org/en/download/上面直接下载node.js
默认情况下自动安装Node和NPM
Node环境要求8.9以上或者更高的版本
检测node是否安装成功: node -v
也可以检测一下npm是否成功: npm -v
2.下载淘宝镜像
在使用npm下载插件的时候会非常缓慢,想要提高下载的速度我们可以借助于淘宝镜像(直接在黑窗口中操作)。
淘宝镜像操作:(直接在黑窗口中输入+回车即可)
npm install -g cnpm --registry=https://registry.npm.taobao.org
检测淘宝镜像是否安装成功:cnpm -v
3.安装vue-cli:
黑窗口安装:
安装代码: npm install -g @vue/cli (运行速度较慢)
或者使用淘宝镜像 cnpm install -g @vue/cli (运行速度快)
注:以上两种方式安装成功后是最新版本
想安装指定的vue-cli版本:
黑窗口安装:(例如指定安装3.2.1版本)
安装代码: npm install -g @vue/cli@3.2.1 (运行速度较慢)
或者使用淘宝镜像 cnpm install -g @vue/cli@3.2.1 (运行速度快)
检测vue-cli是否安装成功 [检测安装的版本]:vue --version
4.卸载旧版本的vue-cli
安装的版本过旧或者安装错版本,卸载代码: npm uninstall -g @vue/cli
检测是否卸载成功: vue -v
后续可根据自己需要再进行安装(如上步骤3)
5.安装中出现的问题
安装后运行运行(vue --version)出现下图结果
![](https://img.haomeiwen.com/i19692134/3bf283b513fd0256.png)
解决方法:将下载vue-cli的对应的文件夹中vue.js删除
最后检测: vue --version
网友评论