安装Vue+webpack出现的问题及解决方案

经历：

一开始安装webpack 是成功的，后来，新建了一个项目开始安装webpack一直不成功，出现不了webpack -v这个东西。

1. 检查各种版本使用情况

• npm -v
• node -v

2. 配置镜像

npm config set registry https://registry.npm.taobao.org

3. 检查镜像是否配置成功

npm config ls

4. 安装cnpm

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

5. 安装Vue

• Vue 官网链接

npm install vue

6. 安装Vue-cli 4

6.1 检查自己以前是否已经安装过Vue，已经安装过了，需要卸载，现在版本已经到4了

• vue -V

6.2 卸载Vue-cli

npm uninstall vue-cli -g 

6.3 安装Vue-cli 4

npm install @vue/cli -g

7. 安装 webpack

7.1 webpack 4.0 以后分成两部分了webpack+webpack-cli

npm install webpack -g

7.2 安装webpack-cli

npm install webpack-cli -g

7.3 检查安装是否成功

webpack -v

8.创建项目

vue create 项目名

9. 错误解决

找到这个地址：

C:\\Users\\Administrator\\AppData\\Roaming\\npm，然后配置环境变量 ，这样子就可以使用webpack -v

特别说明：

一开始的时候，我发现这个地址下没有webpack.cmd，说明没有安装成功，这个时候要打开 dos 的命令行

然后输入npm install webpack -g ，这个时候就会出现webpack.cmd 了，然后配置环境的话，就可以了。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。