vue-cli的安装与卸载

注：原文出自B站——》

此文是在我按照原文操作一遍后，遇到了一些问题，自行解决后对原文做出的修改补充。

1、安装Node.js

1.1官网下载安装

哪个都行。

安装过程只需要改目录：D:\nodejs

1.2安装完检查

Ctrl+r写入cmd出现命令提示行

然后打入：

node -v查看node版本

npm -v查看npm版本

正确安装会出现：

1.3最重要的工作！设置全局目录！

命令提示行打入：

npm config set prefix "D:\nodejs\node_global"

再打入：

npm config set cache "D:\nodejs\node_cache"

1.4安装cnpm

命令提示行打入：

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后查看版本：

cnpm -v

出现以下为正常

若出现“XXX不是外部指令或者内部指令XXX”则需要添加环境变量：

我的电脑右键-系统-高级设置-环境变量，然后：

写入这一行，点确定，确定退出去。

(注意前提是你的D:\nodejs\node_global目录下有cnpm才行。如果你装的位置和我不一样，则以你装cnpm的位置为准，可以全盘搜索一下cnpm的文件位置，如果不想重新修改刚才配置的环境变量，可以将cnpm所在的目录下的文件全部复制粘贴D:\nodejs\node_global目录下)

然后重新打开cmd，然后再一次cnpm -v

注：此时有可能依然无法使用cnpm，如提示“cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅……”

此时可以尝试如下方法解决：

1、以管理员身份运行power shell(注意不是CMD命令提示符)

2、输入 set-ExecutionPolicy RemoteSigned ，然后输入A回车

3、还可以通过 get-ExecutionPolicy 查看当前的状态

2 安装vue-cli

注意：

1、这里我们不用安装vue，直接安装脚手架vue-cli即可！

2、注意看官网，安装vue-cli的最新指令

官网地址：https://cli.vuejs.org/zh/guide/installation.html

命令提示行打入：

cnpm install -g @vue/cli

3 新建一个脚手架项目

新建一个纯英文目录，然后调出命令提示行，然后输入：

vue create hello-world

然后提示：

按上下方向键可选，第一个是默认，第二个是手动选(最新版的应该是第三个手动选，第二个是vue3)，我们选默认即可

然后出现：

注意：第一次运行有可以问你要不要使用taobao镜像(也可能不会出现)，选是！

然后等待一段时间，出现：

先打入：

cd hello-world

然后：

npm run serve

因为已经安装了cnpm，所以可以在所有使用npm的命令中将npm替换为cnpm，如：

cnpm run serve

然后出现：

这时，项目打包中，等待一段时间，最后出现：

最后，完成是这样的。这就代表可以访问：

如果到这里，恭喜你！你已经学会了50%了！

4 删除node.js

如果之前安装过node.js,建议先按照此教程将node.js完全卸载.

4.1先用系统默认删除

开始-齿轮按钮-应用，然后找到node.js然后点卸载

然后成功卸载后重启电脑。

4.2打开环境变量删掉

找到和nodejs有关的全部删掉！

注意除了path里面的，其他也要检查！

4.3打开系统文件

C:\Program Files (x86)\Nodejs

C:\Program Files\Nodejs

C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)

C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

检查这些地方，凡是和npm、node有关的文件，一个不留，全部删掉，注意找仔细了！

4.4打开安装位置

整个文件夹删掉！

删掉全程使用shift+delete！

最后重启，再检查一次上述过程，若有出现，再删掉一次，重启，即可！