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

 更新时间:2024年06月11日 09:49:37   作者:說詤榢  
这篇文章主要介绍了安装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实现Excel本地下载及上传的方法详解

    Vue实现Excel本地下载及上传的方法详解

    相信大家在项目中经常会遇到一些上传下载文件的相关功能。这篇文章将为大家介绍一下Vue实现Excel本地下载及上传的示例代码,需要的可以参考一下
    2022-07-07
  • Vue中实现滚动加载与无限滚动

    Vue中实现滚动加载与无限滚动

    本文主要介绍了Vue中实现滚动加载与无限滚动,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • 详解vue中使用express+fetch获取本地json文件

    详解vue中使用express+fetch获取本地json文件

    本篇文章主要介绍了详解vue中使用express+fetch获取本地json文件,非常具有实用价值,需要的朋友可以参考下
    2017-10-10
  • 在vue2.x里面简单使用socketio问题

    在vue2.x里面简单使用socketio问题

    这篇文章主要介绍了在vue2.x里面简单使用socketio问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Vue Element前端应用开发之开发环境的准备工作

    Vue Element前端应用开发之开发环境的准备工作

    这篇文章主要介绍了Vue Element前端应用开发之开发环境的准备工作,对Vue感兴趣的同学,可以来学习一下
    2021-05-05
  • vue设置全局变量5种方法(让你的数据无处不在)

    vue设置全局变量5种方法(让你的数据无处不在)

    这篇文章主要给大家介绍了关于vue设置全局变量的5种方法,通过设置的方法可以让你的数据无处不在,在项目中经常会复用一些变量和函数,比如用户的登录token,用户信息等,这时将它们设为全局的就显得很重要了,需要的朋友可以参考下
    2023-11-11
  • vue3.0手动封装分页组件的方法

    vue3.0手动封装分页组件的方法

    这篇文章主要为大家详细介绍了vue3.0手动封装分页组件的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Vue3 列表界面数据展示详情

    Vue3 列表界面数据展示详情

    这篇文章主要介绍了Vue3 列表界面数据展示,文章主要详介绍的内容就是做的就是把打到页面的数据,带样式,也就是说好看点显示,需要的朋友可以参考一下
    2021-11-11
  • 一篇Vue、React重点详解大全

    一篇Vue、React重点详解大全

    这篇文章主要介绍了一篇Vue、React重点详解大全,文章内容详细,通过案例可以更好的理解其相关知识,需要的朋友可以参考下
    2023-01-01
  • vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

    vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

    这篇文章主要介绍了vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09

最新评论