vue cli的安装创建及运行（windows环境）

1、在安装node.js的时候，先执行一下node -v（node版本号）命令。如果好用说明已经安装了，或许是别的应用程序自带node.js。这就需要把那个软件卸载掉。要不新安装的就不好用。

如果安装了，但是从环境变量和程序看不出来。可以直接执行where node（node安装的目录或者属于哪个软件有node）命令。如图

2、安装完node.js后必须配置环境变量。虽然安装的时候，会自动设置环境变量，那也需要重新设置。

在系统变量上添加【NODE_PATH】，如下图

在设置变量【Path】，把之前自动追加的删除掉，如下图

最后再执行node -v命令。好用了，就说明环境变量配置成功。

3、在nodejs文件夹下面，建立俩个文件夹，【node_cache】文件夹和【node_global】文件夹。

运行下面的俩个命令，设置注册

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

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

看一下本地仓库的配置

npm list -global

尽量配置国内淘宝镜像，速度快。设置如下语句

npm config set registry=http://registry.npm.taobao.org

4、用npm命令安装vue。 npm install vue -g

如果之前安装错了，想安装指定版本，卸载重装即可。
npm uninstall -g @vue/cli
npm install -g @vue/cli@4.1.2

这里的-g是指安装到global全局目录去

上面俩个图是从别文档上弄过来的，易于理解。路径就看安装在哪，没什么影响。

5、用vue命令创建新项目

vue create admin执行后报这个错误的话

npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! Unsupported URL Type "npm:": npm:vue-loader@^16.0.0-beta.7

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Program Files\nodejs\node_cache\_logs\2020-11-24T08_17_07_190Z-debug.log
 ERROR  command failed: npm install --loglevel error --registry=http://registry.npm.taobao.org/
 

用npm -v看一下版本，很有可能是npm版本过低导致。

npm install -g npm