安装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
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 了,然后配置环境的话,就可以了。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
详解vue中使用express+fetch获取本地json文件
本篇文章主要介绍了详解vue中使用express+fetch获取本地json文件,非常具有实用价值,需要的朋友可以参考下2017-10-10vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
这篇文章主要介绍了vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
最新评论