windows10使用npm安装vue、vue-cli实例论证的方法有效

注：容易发生错误的安装vue-cli、需要配置一个镜像网站，增加速度 。防止安装过程中报错

windows10使用npm安装vue、vue-cli

从网上下载了一个免费的vue.js前端模板，准备和Django整合出一个项目出来，然后发现前端代码都是.vue文件，已经整合过.html，很容易，感觉这个.vue的前端稍微复杂一些

本文主要参考博客及网页，在此表示感谢： https://www.cnblogs.com/liluxiang/p/9592003.html  https://www.cnblogs.com/laizhouzhou/p/8027908.html

https://www.jb51.net/article/138020.htm   https://www.cnblogs.com/zhixi/p/9996832.html  https://www.wandouip.com/t5i35466/

目前电脑上已经安装了python、pycharm、mysql、navicat，需要安装node.js，然后通过npm安装vue、vue-cli

安装node.js，通过node.js官网下载的node-v10.14.2-64.msi

　　首先node.js是什么？node.js是运行javascript的一个环境，是对google V8引擎的封装，是一个服务器端的JavaScript解释器。

　　点击安装后，修改安装路径为：D:\nodejs，目录如下

安装node.js会自动安装npm，在cmd中输入node -v，会显示node.js的版本，输入npm -v会显示npm的版本，但是我这npm的版本显示不出来，因为环境变量没有自动配置需要自己加，加入了之后，npm的版本是能用了，且能安全vue了，安装后我找不到vue。。。。。。。懵了，去找度娘啊

 

1.找到c盘下的AppData\Roaming，我的路径是C:\Users\gxq\AppData\Roaming，有的用户是用的Administrator，那就是C:\Users\Administrator\AppData\Roaming，若是没有AppData，是因为系统给隐藏了，显示隐藏文件就行

打开Roaming后，会找到下面两个文件夹，此时也会找到刚开始安装好的vue但是不见了的它

 

2.该回家了，把已经自动建立的这两个目录移回自己一开始选择的安装路径D:\nodejs

　　首先在安装目录下建立两个文件夹如下node_cache、node_global

　　

打开cmd，运行命令

npm config set prefix "D:\nodejs\node_global"（更改参数）

npm config set cache "D:\nodejs\node_cache"（更改参数）

然后查看全局变量 npm list -global

配置一个镜像网站，增加速度 

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

查看所有列表信息  npm config list

查看镜像站是不是可用：npm config get registry    npm info vue

接着安装npm   npm install npm -g   之后可以把默认的环境变量D:\nodejs\node_modules改为

D:\nodejs\node_global\node_modules

然后重新打开cmd，因为重启才能是系统环境变量生效(path设置路径是否正确)

查看了一下npm全局安装包，里面确实有vue安装文件，且之前npm install -g @vue/cli安装的时候也没有问题，那么会不会是环境变量这里有问题呢？因为以前自学angular的时候就遇到过这样的问题，明明安装成功了，但是ng命令都无效，最后是配置了环境变量才解决的。

上网搜索了一下vue环境变量配置的方法，有文章讲到直接在Path中添加环境变量即可，但是没有图，也不知道他到底配置成功了没有，反正我在Path中配置了半天，无论怎么配置还是无效。

尝试了半天，想是不是不加,但是不管怎么改都没有用啊。最后想到也许不是在Path中添加呢，直接在系统变量中设置，死马当活马医呗。

直接点击新建，然后新建变量名，注意这里紫色框中的变量值需要使你自己安装的vue所在的路径。

确定，然后重启cmd窗口，运行vue -V，发现可以运行了~~！

 

 

    文案：文章转载网络共享文件、仅供参考