当前位置: 代码网 > it编程>前端脚本>Vue.js > 安装Vue+webpack出现的问题及解决方案

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

2024年07月03日 Vue.js 我要评论
经历:一开始安装webpack 是成功的,后来,新建了一个项目开始安装webpack一直不成功,出现不了webpack -v这个东西。1. 检查各种版本使用情况npm -vnode -v2. 配置镜像

经历:

一开始安装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 了,然后配置环境的话,就可以了。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com