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

用vue init webpack (project) 创建项目却卡住不动_第1张图片

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

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

1. 方法一:用 vue create project 的方法

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

用vue init webpack (project) 创建项目却卡住不动_第2张图片

用vue init webpack (project) 创建项目却卡住不动_第3张图片

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

用vue init webpack (project) 创建项目却卡住不动_第4张图片

分析原因

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

2. 方法二:安装桥接工具 @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) 创建项目却卡住不动_第5张图片

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

用vue init webpack (project) 创建项目却卡住不动_第6张图片

用vue init webpack (project) 创建项目却卡住不动_第7张图片

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

用vue init webpack (project) 创建项目却卡住不动_第8张图片

你可能感兴趣的:(Vue,vue.js,前端)