使用vue-cli离线创建项目

最新推荐文章于 2024-05-15 16:57:03 发布
最新推荐文章于 2024-05-15 16:57:03 发布
阅读量7k 收藏 15
点赞数 4
分类专栏： webpack vue 文章标签： vue-cli 离线创建项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XuM222222/article/details/85161178
版权
vue 同时被 2 个专栏收录
36 篇文章 0 订阅
订阅专栏
webpack
19 篇文章 0 订阅
订阅专栏

使用vue-cli离线创建项目

前提是全局安装好vue-cli，如果没有执行npm install -g vue-cli命令，然后执行下面操作：

以vue-cli中的webpack模板为例：

1、手动下载vue的webpack模板

在这里插入图片描述

2、将下载的模板压缩包解压，修改文件名为wepback并放入到C:\Users\自己电脑的用户名\.vue-templates文件夹中，具体如下图所示：

在这里插入图片描述

在这里插入图片描述

3、最后执行命令：vue init <template-name> <project-name> --offline

xm2by
关注
  • 4
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
离线环境安装vue脚手架vue-cli
qq_41916791的博客
08-09 1364
必看！！！：该方法适用于已在联网的时候开发过且有项目，现在需要搬到断网无项目的环境中，其他的应用环境没有测试过 1. 进入以下目录： c:\users\root 复制隐藏文件夹 .vue-templates 到相同的目录 2. 进入以下目录： C:\Users\root\AppData\Roaming 复制以下两个文件夹 npm npm-cache 到相同的目录 3.查看vue版本 vue -V ...
vue离线状态创建项目
zhu_zhu_xia的博客
10-17 1470
通过vue-cli工具命令vue init webpack vuedemo创建vue项目的时候报错，提示连接超时，应该是下载某个package的时候，需要翻墙，导致出现连接超时。超时错误截图如下： 按照网络上的提示，解决办法是改为离线创建，我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。 下载地址为：https://github.com/vuejs-templates/webpack，下载之后，解压到本地用户目录下...
如何在Idea离线情况下安装vue.js插件
最新发布
Alanoddsoff的专栏
05-15 572
安装vue.js
Vue实现离线创建项目
糖果π
11-01 3210
使用vue-cli工具中的命令 vue initwebpack demo创建vue项目时有时候报错，提示连接超时，如图所示： ​ 说明我们无法翻墙连接服务器，这时候我们就需要使用离线创建了，命令如下： vue init webpack demo --offline 参数--offline表示离线初始化 在使用离线创建命令之前，我们需要在本地计算机进行配置 1.下载webpack包 https://download.csdn.net/download/u011924...
vue项目搭建（offline方式）
流年亦梦啦啦啦
01-25 2896
在C盘的user文件夹的用户名目录，创建一个.vue-template文件夹，将解压后的文件重命名为webpack，粘贴到此文件中。ps：当前项目在npm run dev后，并没有自动打开页面，可在项目文件中设置，将以下内容改为true即可。，解压提取到本地用户目录下的.vue-templates目录。在浏览器访问以上url，vue项目搭建成功。需要安装node.js，安装步骤可参考。
离线创建vue2.x项目
a654540233的博客
11-04 577
背景 github无法访问导致的vue项目初始化失败 使用命令 vue init webpack demo 新建vue2.x项目一直在downloading template转，最后超时 解决方案： 1.下载模板 https://codeload.github.com/vuejs-templates/webpack-simple/zip/master 到本地 2.解压模板代码并改文件夹名为webpack放到以下路径下 3.执行以下命令即可 vue init webpack jwtdemo --off
VUE离线环境开发搭建
qq_31629679的博客
11-01 1639
1-1、首先用一台可连接外网的PC（Windows系统）安装好对应的nodejs、npm、vue-cli和开发软件vscode本人的版本如下1-2、查看npm全局安装包的存放目录（外网电脑npm-cache缓存目录）cmd运行命令行。1-3、进入目标目录下，找到目录下的文件夹npm-cache,复制U盘或者光盘中。
vue-cli3创建项目.doc
01-16
9. 选择预设并保存：确认配置后，Vue CLI 3 将根据所选设置创建项目。 通过这些配置，我们可以创建出符合标准、易于维护和扩展的 Vue 项目。Vue CLI 3 的自动化特性极大地提高了开发效率，减少了开发者手动配置的...
vue-cli.rar
12-24
这个2019年的离线教程可能包含了Vue CLI的使用指南、配置详解、插件介绍等内容，对于想要深入了解Vue CLI的开发者来说是一份宝贵的资料。通过阅读和实践，你可以学习如何高效地运用Vue CLI来搭建和管理Vue.js项目，...
vue-cli脚手架.zip
07-06
在提供的"vue-cli脚手架.txt"文件中，可能包含了关于如何使用Vue CLI的教程或注意事项，例如如何安装Vue CLI、创建项目、添加插件、运行和调试项目等。这个文本文件是学习和理解Vue CLI操作的重要参考资料，对于初学...
Vue-CLI3中文指南 完整版PDF
03-20
通过命令行接口，开发者可以轻松创建项目模板，自定义配置，以及安装插件，大大提高了开发效率。 二、安装Vue CLI3 首先，确保已经安装了Node.js环境。然后，通过npm（Node Package Manager）全局安装Vue CLI3： `...
vue-templates 离线包
05-18
vue-templates 离线包 用于构建vue项目，这边提供的是离线包
vueJS离线安装包
03-21
vueJS离线安装包
使用vue2.0创建的项目的步骤方法
12-10
1.由于vue项目依赖 node.js npm 需要先安装.   若没有请先安装，请按照此文章进行安装https://www.jb51.net/article/138020.htm //检查是否有node.js  npm vue win+r   输入cmd  输入node -v  回车 会出现node,js的版本  输入npm -v  回车 会出现npm的版本 输入vue -V 回车 会出现vue的版本 2.安装vue： npm install -g vue-cli   //-g表示全局安装，vue-cli是模块，全局安装的模块可以在命令行直接使用   由于npm网站在国内速度非常慢，所以可
vue.js 2.0离线中文api
01-11
vue.js 2.0离线中文api,下载后打开如果是空白，右键属性，解除限制就可以查看
使用vue-cli+webpack搭建vue开发环境的方法
08-28
我们可以使用vue init webpack-simple <模板名>命令来创建一个新的Vue项目。例如，我们可以使用vue init webpack-simple myvue命令来创建一个名为myvue的项目。 项目结构 在创建完成后，我们可以看到一个名为myvue...
【vue】vue-cli 使用离线方式初始化模板 webpack
中国资深步行专家 CSDNBLog
07-24 9363
某些环境下，由于网络联通性问题，会导致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...
vue离线（内网）环境（cli,插件）搭建心得
missevery123的博客
08-22 4296
由于工作需求，需要我搭建离线的vue环境，网上大部分教程我都试了，我没找到一个能用的，后来我渐渐摸索出一个办法，尽管还有有一点小问题，但是无伤大雅。我们需要准备两台电脑。 步骤一: 下载node,没有nodejs肯定是不行的，直接去nodejs官网下载，如果速度太慢 点击这里, 需要注意如果你内网的pc是win7的话就需要下载旧版本的(v12.16.2就行)，新版本不支持,安装完查看版本 node -v 先安装依赖 npm install -g @vue/cli npm install -g webpa
离线环境下创建vue实例
2301_76478257的博客
03-15 397
在`index.html`文件中，添加基本的HTML结构，并使用`<script>`标签引入Vue.js。为了确保离线使用，你需要将Vue.js文件保存在本地，并在`<script>`标签的`src`属性中指向本地路径。这段代码将在页面加载完成后创建一个新的Vue实例，它会将`#app`元素作为挂载点，并显示`data`对象中的`message`属性的值。学习vue在离线环境下创建一个单文件的Vue实例，需要先手动下载Vue.js库并将其包含在你的HTML文件中。1. **下载Vue.js**
vue-cli5.08创建项目
09-14
要使用vue-cli创建一个项目，需要先安装vue-cli工具。你可以通过以下步骤来创建一个vue-cli5.08项目： 1. 首先，确保你已经安装了Node.js和npm。这两个工具是vue-cli的依赖项。 2. 打开终端或命令提示符，并运行以下命令来安装vue-cli： ``` npm install -g @vue/cli@5.0.8 ``` 这将全局安装vue-cli工具。 3. 安装完成后，你可以通过运行以下命令来创建一个新的vue-cli项目： ``` vue create my-project-name ``` 将"my-project-name"替换为你想要给项目起的名字。 4. 在创建项目的过程中，你可以选择手动配置或使用预设配置。如果你想使用预设配置，可以输入数字选择一个预设配置。如果你想手动配置，可以按回车键跳过选择。 5. 创建完成后，进入到项目目录： ``` cd my-project-name ``` 6. 最后，你可以运行以下命令启动项目： ``` npm run serve ``` 这将启动一个本地开发服务器，并在浏览器中打开你的项目。 这就是使用vue-cli5.08创建项目的步骤。希望对你有帮助！

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值