首先如果想要安装vue-cli ，webpack这些的时候我们都会用到node里边npm模块，但是有的初学者在安装时候总会出现一些问题，导致npm不能运作，致使vue-cli，webpack等不能安装。这时候帮助大家解决一下
npm :nodejs 中的包管理器
webpack:把所有的客户端需要发布的静态资源准备好，进行资源的打包，合并等
vue-cli :用户生成的Vue工程模板。
vue-router：路由（这个不用解释的）。
一、下载node 。 下载地址：http://nodejs.cn/download/
2345截图20180418115918.jpg
1.jpg
2.jpg
3.jpg
二、找得到安装nodejs那个文件夹
4.jpg
打开cmd，检查一下
5.jpg
都已经安装好了。
但是本地仓库都跑到C盘了，所以我们需要修改路径
6.jpg
//现在nodejs文件夹下创建node_global,node_cache这俩个文件
7.jpg
然后在cmd中运行
1.npm config set prefix ''G:\nodejs\node_globle"
2.npm config set cache ''G:\nodejs\node_cache"
8.jpg
输入npm config list查看所有的配置信息
9.jpg
检查镜像命令是否正常 npm config get registry
10.jpg
用npm info vue看看是不是能获取vue的信息
![]()
11.jpg
11.jpg
然后用npm install npm -g将npm更新到最新版本
![]()
12.png
12.png
我们再查看一下npm list -g 会发现全局目录不是空目录了
![]()
14.jpg
14.jpg
这时，默认的模块路径G:\nodejs\node_modules变为G:\nodejs\node_global\node_modules,这个时候运行npm install命令会报错，如运行npm install vue
![]()
15.jpg
15.jpg
这时候我们需要在环境变量的系统变量里添加NODE_PATH，内容是G:\nodejs\node_global\node_modules
17.jpg
这里运行还会发生错误项目无法安装，那么这事后我们就要找到图片9中.npmrc对应的文件夹，
![]()
18.jpg
18.jpg
把.npmrc文件删，之后就会下载对应文件
![]()
19.jpg
19.jpg
之后在把环境变量中的系统变量Path配置一下就好
![]()
20.jpg
20.jpg
21.jpg
然后就可以安装 vue ，vue-cli ，
22.jpg
注意：vue-cli工具是内置了模板，包括webpack 和 webpack-simple，并且他的配置并不是全放在了根目录下的webpack。config.js中
重新开启cmd
先初始化 vue init webpack-simple oneNight01,根据步骤生成成功界面
![]()
25.jpg
25.jpg
26.jpg
