用vue init webpack (project) 创建项目却卡住不动

如上图,我用vue init webpack demo一直卡在 downloading template那儿不动,最后报超时错误,然后自己从网上搜了好多解决方法还是没用(比如设置淘宝镜像、换个网络等等)

废话不多说,先说解决方法:

方法一:用 vue create project 的方法

我看了下官网,说是也可以通过vue create project的方式,结果还真创建成功了

 

最后输入网址http://localhost:8080/,运行成功

 

分析原因

vue init 是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下,老项目的src目录覆盖3.x的src目录(如果修改了配置,可以查看文档,用cli3的方法进行配置)

vue create是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2项目结构不同,配置方法不同,具体配置方法参考官方文档。

由上图也能看出我的vue-cli是4.5.15


方法二:安装桥接工具 @vue/cli-int

 (方法二亲测可用)

因为Vue-cli 3.x和vue-cli 2.x使用了相同的 vue 命令,所以 vue-cli  2.x  被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具 ——@vue/cli-init

安装@vue/cli-int 

 再输入命令 vue init webpack project已不会卡顿,然后一路回车,如下图

 

最后输入网址http://localhost:8080/,运行成功

 

 

 

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值