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

最新推荐文章于 2024-02-03 20:20:35 发布
LazyPuppy999 最新推荐文章于 2024-02-03 20:20:35 发布
阅读量5.5k 收藏 23
点赞数 14
分类专栏： Vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/SleepingGoat/article/details/121869491
版权
Vue 专栏收录该内容
2 篇文章 1 订阅
订阅专栏

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

废话不多说，先说解决方法：

1. 方法一：用 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

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已不会卡顿，然后一路回车，如下图

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

vue init webpack myproject构建项目 ip不能访问的解决方法
11-28
vue init webpack myproject构建项目 使用localhost 或者127.0.0.1 均可以正常访问，但是切换到本地ip就不行了 解决方式 在 webpack.dev.conf.js 追加以下代码 const HOST = process.env.HOST || '0.0.0.0'; 重新...
vue init webpack 建vue项目报错的解决方法
12-11
使用vue init webpack 创建vue项目时报如下错误： vue init webpack my-project C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60 let template = program.args[0] ^^^ SyntaxError: ...
解决vue初始化项目一直停在downloading template的问题
01-18
解决方法如下： 用power shell初始化vue项目一直停留在downloading template 用git的git bush here 就可以了。 补充知识：vue init webpack 卡在chromedriver上问题解决办法 最近在学习vue，尝试利用vue-cli创建一个工程。但是执行vue init webpack projectname时，执行到Saving to c:\Users\……\chromedriver_win32.zip时卡住不往下走了。 仔细看downloading的连接，果然是被墙了的google网址。只能找国内的地址了。 后来网上查，很多人提到可以用
执行vue init webpack demo后一直处于...downloading template状态
weixin_39430223的博客
11-24 2882
1.执行vue init webpack demo后一直处于…downloading template状态。 2.运行nrm use taobao切换npm到淘宝镜像。 报错：nrm不是内部或外部命令，也不是可运行的程序，解决方法： 安装nrm：npm install nrm -g nrm ls 查看所有可用的路径。 3.运行npm install webpack -g，重新安装webpack。 ...
使用命令行创建一个vue项目卡住不动如何解决
wlijun_0808的博客
09-15 3395
使用命令行创建一个vue项目卡住不动如何解决
vue2构建项目：downing template......一直运行
weixin_62480699的博客
11-23 463
vue2创建项目，downing template....一直转怎么解决？
记一次vue-webpack项目优化实践详解
10-17
主要介绍了记一次vue-webpack项目优化实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用vue-cli webpack 快速搭建项目的代码
11-26
二、用vue-cli快速搭建项目 //全局安装vue-cli npm install install -g vue-cli //创建一个基于webpack模板的项目 vue init webpack [demoname] ? Project name (xxx) ? Project name xxxx ? Project description ...
用npm安装vue和vue-cli,并使用webpack创建项目的方法
12-12
一、npm 版本需要大于 3.0，如果低于此版本需要升级它： # 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g 二、在用 Vue.js 构建...$ vue init webpack my-project # 这里需要进行一些配置，默认回车即可
解决vue init webpack 下载依赖卡住不动的问题
01-21
有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖 有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖：选择 No,I will handle that myself 生成完项目之后，再cd进入项目文件夹，然后再npm install 安装即可。 但是如果真的安装“个把”小时也没成功那就用：cnpm install 吧 如果安装过程中等待太久，我们难免会不耐烦，所以会中途关闭项目。那么我们接下操作 npm run dev 肯定是报错的 正确做法：cd进入项目文件夹，然后再npm install 安装完。如果还是安装“个把”小时也没成功那就用：cnpm install 再执行 n
详解用vue-cli来搭建vue项目和webpack
12-12
vue init webpack-simple projectName 第三步：把文件切换到初始化的项目中 cd projectName 第四步：安装依赖 npm install 当然也可以用淘宝镜像cnpm来安装，这样快很多 cnpm install 第五步：运行 npm run ...
vue和webpack项目构建过程常用的npm命令详解
12-09
vue init webpack my-project //进入项目目录，运行 cd my-project cnpm install cnpm run dev  webpack //全局安装webpack cnpm install -g webpack //安装到你的项目目录 cnpm install --save-dev webpack...
详解Vue用cmd创建项目
12-10
3、进入正式cmd操作，创建个vue项目，命令行操作指令：vue init webpack project, project是你创建的文件夹名。 4、cd project，进入文件夹 5、安装依赖：npm install 等待即可，因为服务器在国外，所以要慢。完成...
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
# vue init webpack ...下载速度慢解决方法
不积跬步，无以至千里；不积小流，无以成江海
07-06 4420
vue init webpack …下载速度慢解决方法 先下载webpack模块 使用cnpm安装，npm安装特别慢（ping 不通github） cpnm install --save-dev webpack 下载好webpack模块后，再使用下面命令，下载飞快。 vue init webpack test 选择流程默认就可以了 ...
创建一个Vue项目（含npm install卡住不动的解决）
最新发布
qq_71654538的博客
02-03 1304
创建Vue、Node.js
解决 vue init webpack myproject 初始化项目慢的问题
Roxannekkk的博客
03-06 776
Solution 事先准备好npm的淘宝镜像源cnpm 利用cnpm install webpack下载后对应的依赖 再利用vue init webpack projectname生成项目 即可提高配置速度
vue初始化项目vue init webpack vue-demo 一直停在downloading template问题的处理方法
alanbj的专栏
11-29 1146
vue初始化项目vue init webpack vue-demo 一直停在downloading template问题的处理方法——只设置http_proxy代理
命令行 输入vue init webpack不管用
05-05
如果你使用的是较新版本的 Vue CLI，那么 `vue init webpack` 的命令已经被弃用了。你可以尝试使用以下命令创建一个新的 Vue 项目： ```bash vue create my-project ``` 这将会创建一个新的 Vue 项目，并自动安装必要的依赖项。如果你仍然想使用旧版的 Vue CLI，你可以尝试使用以下命令： ```bash npm install -g @vue/cli-init vue init webpack my-project ``` 请注意，Vue CLI 2.x 版本已经不再维护，建议使用较新版本的 Vue CLI。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • FinalShell 的使用步骤 24170
  • war包部署到Tomcat服务器的步骤 23948
  • 用vue init webpack (project) 创建项目却卡住不动 5586
  • tomcat运行war包，出现中文乱码（已解决） 3655
  • 初学Vue时如何去除控制台的两个警告信息 3637

分类专栏

  • git 3篇
  • JavaWeb 2篇
  • 电脑 2篇
  • 面试 4篇
  • Vue 2篇

最新评论

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

    MiIris: 我也是 解决了吗

  • FinalShell 的使用步骤

    可爱不是长久之计: 可以有偿

  • FinalShell 的使用步骤

    可爱不是长久之计: 大佬，我FinalShell申请ssl安全证书，证书发了没保存，现在找不到了，怎么办啊，有办法补救么

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

    虚妄狼: 方法二也不行，还是卡住，为什么？

  • war包部署到Tomcat服务器的步骤

    次元幻想喵～: blog.war是我用eclipse将blog项目打包成的

最新文章

  • vscode修改要推送的远端仓库
  • war包部署到Tomcat服务器的步骤
  • tomcat运行war包，出现中文乱码（已解决）
2022年1篇
2021年12篇

目录

目录

评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值

深圳SEO优化公司漳州网站优化按天扣费滨州关键词按天收费推荐莱芜百度网站优化排名报价新余关键词排名怒江seo排名推荐济宁如何制作网站报价太原百姓网标王推广多少钱临汾SEO按天计费多少钱忻州百度爱采购报价汕头企业网站设计价格镇江网站开发多少钱海东网站搭建多少钱霍邱百度网站优化排名报价滁州网站优化价格四平建网站公司安顺网站优化排名哈尔滨建站多少钱三亚百姓网标王推广价格德州网络广告推广多少钱福永设计网站哪家好盐城企业网站设计徐州外贸网站设计多少钱石岩英文网站建设公司郑州关键词按天收费报价喀什关键词排名包年推广多少钱庆阳百度网站优化排名哪家好昭通百度关键词包年推广报价平凉网站设计模板公司宁德模板制作哪家好诸城高端网站设计公司歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化