安装Vue+webpack出现的问题及解决方案
更新时间：2024年06月11日 09:49:37 作者：說詤榢
这篇文章主要介绍了安装Vue+webpack出现的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
经历：
一开始安装webpack 是成功的，后来，新建了一个项目开始安装webpack一直不成功，出现不了webpack -v这个东西。
1. 检查各种版本使用情况
npm -vnode -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 了，然后配置环境的话，就可以了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
今天小编就为大家分享一篇对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
今天小编就为大家分享一篇vue props对象validator自定义函数实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了vue3使用vue-count-to组件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
本篇文章主要介绍了vue 里面使用axios 和封装的示例代码，非常具有实用价值，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了vue+echarts定时重新绘制以达到刷新的动效问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-06-06
这篇文章主要为大家详细介绍了vue实现商品详情页放大镜功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
缓存清除成为克服浏览器缓存中过时内容挑战的关键技术,术语“缓存清除”是指故意使静态资源失效或进行版本控制,迫使浏览器在发生更改时获取新资源,本文给大家介绍了Vue如何清除缓存,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了如何解决Vue3组合式API模式下动态组件不渲染问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教<BR>2024-03-03
今天小编大家分享一篇Vue 中 a标签上href无法跳转的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
在Electron环境下,截屏功能相对强大,可以通过desktopCapturer获取应用视频流,实现对整个应用的截屏,而在非Electron环境下,截屏功能受限,只能截取浏览器内容,且存在iframe或base64图片加载问题2024-10-10
最新评论