VUE利用webpack创建项目失败--离线安装webpack下载模板

最新推荐文章于 2020-06-28 12:04:38 发布
原创 最新推荐文章于 2020-06-28 12:04:38 发布 · 2.5k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#VUE #webpack #tempalate

本文提供了一种在无法连接互联网的情况下使用webpack创建Vue项目的解决方案。通过下载离线安装包并将其放置于特定目录，再使用命令行进行离线模板创建，成功解决了因网络限制而无法下载模板的问题。

@TOC无法翻墙的–离线安装webpack下载模板
最近在学习vue过程中利用webpack生成模板创建项目的时候发现一直卡在下载模板这一步，如图所示
如图所示，
查资料发现自己网无法连接git官网导致下载失败。花了不少时间才解决此问题，特总结一下，希望遇到的兄弟有所帮助吧。
1、下载webpack离线安装包，并改名webpack（网上自行下载，没找到的可私聊我）。
2、在用户目录下查看是否有.vue-templates目录，没有的，则创建
命令行：cd users/HP(其中HP是电脑用户名，根据实际情况选择)；makir .vue-templates
3、将webpack放到.vue-templates目录中
4、离线模板创建项目：vue init webpack projectname --offline
5、大功告成：
在这里插入图片描述
下载地址：https://download.youkuaiyun.com/download/kairui_guxiaobai/11456477

vue vue init webpack vue-demo01新建项目 报错
m0_37625937的博客
07-10 496
Current existing ChromeDriver binary is unavailable, proceding with download and extraction. Downloading from file: https://chromedriver.storage.googleapis.com/2.46/chromedriver_win32.zip Saving to file: C:\Users\wangmm69\AppData\Local\Temp\2.46\chromedri.
vue init webpack 项目初始化失败
yummy_yuyu的博客
03-29 2703
在目标文件夹下右键点击Git Bash Here打开操作页 使用vue-cli（脚手架）搭建项目的时候出现了如下报错 首先要排查下载的依赖是否都能显示版本号 可能环境变量没有配置 找到安装vue-init的目录，把地址加入到path中 配置完环境变量，重新构建项目vue init webpack 项目名称 成功 终端运行npm install，然后npm run dev初始化失败了，我的webpack构建工具是有问题的，于是卸载了webpack重新安装 参考了卸载webpack的方法和安装webp
webpack安装包
11-24
webpack安装包
VUE创建webpack项目，解决downloading，以及下载离线webpack
zhiyinweini3的博客
03-16 1472
背景：学习前端知识，离不开VUE 目的：使用VUE创建项目 组网图：不涉及 工具：vscode1.41.0 node-v12.16.1-x64 vue-cli 2.9.6 简介：环境搭建见本人博客：Visual Studio Code + node.js搭建VUE开发环境； 第一步：在f盘创立一个testcli文件夹并进入此文件夹； 在dos命令窗输入如下命令： C:\Users\Administ...
使用 vue-cli 脚手架创建项目的时候遇到 webpack-simple 模板下载不成功的情况,解决方法
vfjcgg的博客
06-28 1162
self signed certificate in certificate chain 使用vue-cli创建工程的时候提示vue-cli Failed to download repo vuejs-templates/webpack-simple:self signed certificate in certificate chain的解决方法 最近在使用 vue-cli 脚手架创建项目的时候，遇到 webpack-simple 模板下载不成功的情况，提示 vue-cli Failed to downl
精选资源
vue初始化模板 vue init webpack命令下载的模板
09-13
执行vue init webpack 命令报错，连接超时是因为去github下载webpack-template 而很多公司屏蔽了github vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 使用步骤 1.c/users/xxxxx/...
cordova-template-framework7-vue-webpack：Framework7-Vue-Webpack带Webpack开发服务器和热模块替换的Cordova模板
01-30
Framework7-Vue-Webpack Cordova模板 您可以使用此模板完美地启动新的cordova项目。 该模板使用： 最低要求 科尔多瓦： 6.0.0 Node.js： 6.5.0 （支持ES6） 警告（对于Linux和Mac OS用户）： 对于实时重载，我...
精选资源
vue-webpack-chrome-extension-template：开发时可在Vuejs热重载上快速创建Chrome扩展程序的模板
01-30
$ vue init ALiangLiang/vue-webpack-chrome-extension-template my-project # install dependencies and go! $ cd my-project $ npm install # or yarn $ npm run dev # or yarn dev 结构体 . ├── build # core ...
精选资源
vue3+webpack+vue-router路由封装+axios封装+vuex封装
05-23
vue3+webpack+vue-router路由封装+axios封装+vuex封装，下载资源中包括了vue3+webpack+vue-router路由封装+axios封装+vuex封装的相关代码，分别对vue-router路由进行了封装，对axios进行了封装，对vuex进行了封装，...
vue项目中的webpack-dev-sever配置方法
08-28
在Vue项目中，通常使用`vue-cli` 创建项目，`vue-cli` 已经默认配置了`webpack-dev-server`，但有时我们需要根据需求进行定制化配置。 1. **配置文件位置**： 在Vue项目中，`webpack-dev-server` 的配置通常位于`...
vue-templates离线包（附使用方法）.zip
04-15
vue-templates 离线包 用于构建vue项目，这边提供的是离线包 Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具： npm install -g @vue/cli-init # `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同 vue init webpack my-project
vue-webpack模板
01-08
vue 组件化 webpack 模板
Vue.js与Webpack安装教程
10-30
Vue.js与Webpack安装教程
webpack.rar
07-31
webpack离线包： 1、下载webpack离线安装包，并改名webpack（网上自行下载，没找到的可私聊我）。 2、在用户目录下查看是否有.vue-templates目录，没有的，则创建 命令行：cd users/HP(其中HP是电脑用户名，根据实际情况选择)；makir .vue-templates 3、将webpack放到.vue-templates目录中 4、离线模板创建项目：vue init webpack projectname --offline --------------------- 作者：有趣的灵魂100盎司 来源：优快云 原文：https://blog.youkuaiyun.com/kairui_guxiaobai/article/details/91363035 版权声明：本文为博主原创文章，转载请附上博文链接！
离线安装webpack
qq_33357911的博客
10-23 2107
问题场景 新进的公司网络有拦截，不能连接git官网，自己学习vue时候没办完用vue init webpack来创建项目 在网上找了一些方法离线安装webpack 来解决这个问题 从可以连接git的网络环境中下载webpack，将下载下来的文件解压命名为webpack； 在 C:\Users\admin（admin是我电脑用户的名称）中找到**.vue-templates**（没有就自己...
离线安装webpack包
margin_jie的博客
03-31 7324
本人前端一枚，由于最近公司项目需求，需要用到webpack，于是满心欢喜用$ npm install webpack --save-dev将webpack引入到项目中，可是............ 无论是cd到哪里，都一直报错 webpack is not found,后来接着看文档，觉得是不是还得在安装个全局的。于是又用$ npm install webpack -g安装了全局的。 用 we
vue-cli使用离线方式初始化 webpack模板
quanvae的博客
08-20 1165
某些环境下，由于网络联通性问题，会导致vue-cli命令初始化工程时，无法下载到相应的webapck模板。 执行如下命令 vue-cli init webpack <project_name> 发生如下错误 vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND githu...
用npm离线安装webpack
热门推荐
无法落地的技术、理论就是耍流氓--赢在实践
08-09 1万+
离线安装webpack
【vue】vue-cli 使用离线方式初始化模板 webpack
中国资深步行专家 优快云BLog
07-24 9552
某些环境下，由于网络联通性问题，会导致vue-cli命令无法下载到webapck模板。 执行如下命令 vue-cli init webpack &amp;lt;project_name&amp;gt; 发生如下错误 vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 13.250.177.223:4...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

$团长$

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值