Vue的学习（十三）用vue cli2这个版本的脚手架创建vue的项目

一写代码就开心 一写代码就开心 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 300+累计阅读 355平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄7年
关注
原创 最新推荐文章于 2026-03-20 00:30:43 发布 355 阅读 AI 写同款· GEO 优化 ›
Vue脚手架的安装以及创建Vue2，Vue3、Vite+Vue3项目 Vue CLI 是 Vue.js 官方提供的脚手架工具，用于快速搭建 Vue.js 应用程序。它提供了一套完整的工具链来帮助开发者高效地构建复杂的应用程序。Vue CLI 包括了创建新项目、提供内置的现代化构建设置、支持热重载（HMR）、以及一个插件系统来扩展其功能等特性。对于第一次接触Vue小伙伴的温馨提示：在我们安装vue之前我们需要先安装Node.js，我们需要在node环境中来安装和运行Vue。 阅读详情

在这里插入图片描述
在控制台进入到这个目录下，使用命令创建vue项目

vue init webpack vuecli2test

在这里插入图片描述
输入完这个命令，就会有各种各样的配置需要你选择

在这里插入图片描述

你根据这个的需求，选择了配置，之后就开始创建项目了。

在这里插入图片描述

收录于
Vue

当前文章被收录于：

Vue
60 篇文章 7 人学习
订阅专栏 查看详情
标签
#vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Vue—vue-cli脚手架2.0版本搭建、创建项目、项目目录 目录 一、概述 二、安装步骤 一、概述 vue-cli脚手架可以帮助我们快速创建一个基于webpack模板的项目。 二、安装步骤 第一步：安装webpack 使用npm全局安装webpack，注意，从webpack4开始，webpack本身和它的CLI已经被拆分，不在同一个包里了，目的是为了更好的管理它们。所以安装webpack时，需要执行如下两条指令，分别安装webpack本身和它的CLI。 > cnpm install webpack -g > cnpm install 阅读详情

相关推荐

离线环境下 Ubuntu 22.04 制作自定义apt源 安装 Docker环境 的部署方案

本文介绍了一种在无外网环境下部署服务器项目的离线方案。通过在外网环境中制作包含APT软件包和Docker镜像的离线资源包，实现在内网环境中的完整部署。方案详细说明了离线APT源的制作方法、Docker镜像的导出/导入流程，以及内网服务器的软件安装和网络配置步骤。特别强调了版本一致性、目录结构规范和网络适配等注意事项，适用于需要严格隔离网络的生产环境部署。该方案具有可扩展性，可根据实际需求调整软件包和镜像列表。

mmx_2022的博客 654

在cmd控制台中使用@vue/cli-init快速创建vue项目

在cmd控制台中使用@vue/cli-init快速创建vue项目 首先电脑上需要安装好Nodejs，Vue脚手架 其次需要单独安装 @vue/cli-init // 可以使用 npm 或 yarn，全局安装 // npm npm install @vue/cli-init -g // yarn yarn global add @vue/cli-init 具备以上条件之后打开 控制台 cd 到...

谅搁的博客 2938

T2T基因组组装实战指南：从数据到完整染色体

本文详细介绍了T2T基因组组装技术的实战指南，从测序数据选择到完整染色体组装的全流程。重点解析了ONT ultra-long和PacBio HiFi测序技术的优势，以及如何攻克端粒和着丝粒等重复区域的组装难题。通过具体案例和实用技巧，帮助研究人员实现从数据到完整染色体的高质量组装。

weixin_29292535的博客 847

vue36 —— VueCLi2 初始化项目

PS D:\app1\vscode-space\vue\10-webpack> vue init webpack vuecli2test vuecli2test —— 项目文件夹名称，不可有中文,不能大写 报错： vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 13.229.188....

weixin_43899694的博客 347

广工计组实验f2一位全加器

一位全加器实验

weixin_63692154的博客 2847

Java Swing之多文档界面设计-JDesktopPane、JInternalFrame类简单应用示例

Java MDI多文档界面是一种用户界面风格，允许在一个主窗口中包含多个子窗口（文档窗口），每个子窗口可以显示不同的内容或功能模块，从而可以满足用户打开不同窗口完成不同功能的需求。开发多文档程序，一般需要JDesktopPane（桌面面板类）和JInternalFrame（内部窗体类）两个类。以下简单介绍，最后通过一个实例介绍实现逻辑。

编程语言教学工作者的博客 2209

利用vue-cli快速创建一个vue项目

快速开始第一个vue项目 选择一个工作目录，并且用cmd进入该目录， # 创建你一个项目名称为 first-vue-project 的 vue 项目 vue create first-vue-project 接着你就会面临着第一个选择 default是指按照默认的选项去创建项目，Manually select features 是手动配置，我们选择手动配置。 选择你需要安装的第三方库，默认选...

只想好好敲代码的博客 1498

泛微 OA - 根据流程 requestid 获取流程中的附件

在泛微 OA 流程中，附件是通过加密上传的，如果在第三方系统想要调用 OA 系统获取 OA 附件，暂时没有很好的方法实现。但是可以在本地进行调用，得到附件信息，拿到这些信息后，可以用过 url 地址在本地下载。

小松鼠的博客 5838

Vue-cli2 + webpack搭建vue项目流程以及打包发布流程

目录 1.1 命令行初始化项目 1.2 分析项目目录 1.3 运行项目 1.4 多环境配置打包发布 一. vue-cli2 + webpack搭建项目流程以及打包发布流程 最近升级到vue-cli3，发现vue-cli2搭建项目命令不能用了，两者搭建开发环境项目内容也发生了变化。 vue-cli2搭建项目环境的命令：vue init webpack vue2-webpack-proj...

是一座岛 5483

基于PChmi.dll的PLC报警显示和记录（C#）

本文介绍了如何使用C#编写基于PChmi.dll的程序，实现PLC报警的显示和记录功能。通过订阅PLC的报警事件，我们可以实时显示报警信息，并通过日志文件记录报警历史。PLC（可编程逻辑控制器）在工业自动化领域中扮演着重要的角色，而报警显示和记录是PLC应用中常见的需求。本文将介绍如何使用C#编写基于PChmi.dll的程序，实现PLC报警的显示和记录功能。当然，这只是实现报警显示和记录的基本框架，具体的实现方式可能因不同的PLC和HMI库而有所差异。你需要根据你所使用的具体库和设备进行相应的调整和修改。

ByteLegend的博客 1673

21、空间数据处理中的克里金方法及应用

本文介绍了空间数据处理中的克里金方法，特别是带外部漂移的克里金法（KED）及其在遥感数据融合和支持变化问题中的应用。讨论了克里金方法的基本原理、优缺点以及在不同空间分辨率遥感图像融合中的具体操作流程。同时，还涉及了地统计数据融合和支持变化问题的解决方案，包括块克里金法、面到点克里金法和多边形克里金法等。

gold的博客 90

运行vue init webpack vueTest时报错

前言：好久没动vue项目了，早上心血来潮、准备写一个项目，然后坚持在github更新，不为别的，只为养成一个习惯。 运行vue init webpack vueTest时，报了下面的错误： 当时我思考了一下，发现没头绪。第一反应把“Error when evaluating filter condition”翻译，结果是“评估过滤条件时出错”。完全和程序不沾边啊。 于是我就截图发讨论群去...

weixin_34377065的博客 1219

Fabric V2.5 通用溯源系统——使用Hyperledger Caliper压力测试

Caliper是一款测试区块链性能的工具，支持Hyperledger Fabric、Ethereum等，支持丰富的测试配置参数，测试完成后将直接输出报告，相较于tape更加专业，但是配置稍微有些复杂。本文将一步一步配置Caliper以测试Fabric V2.5 通用溯源系统中的注册用户、查询用户、农产品上链、农产品查询的区块链性能。

TrueTechLabs 官方博客 1397

Vue脚手架搭建以及创建Vue项目流程

Vue脚手架的创建以及用脚手架创建项目的全套流程

weixin_68658847的博客 3万+

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目，保存在这里方便以后使用直接下载

vue脚手架创建项目

什么是vue-cli vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目以及更改对相应的webpack配置 安装vue 全局安装 npm install vue -g 局部安装 npm install vue 我这里采用的是全局安装 安装vue-cli脚手架构建工具 脚手架2.x以上 npm install vue-cli -g 脚手...

Dear 1万+

老版QQ原生表情gif动态

这是老版的QQ表情，不过全是动态的的，Windows照片查看器是不会动的，可以右击用浏览器打开查看，再说一遍是老版的，只是分享给宁愿用老版也要动态的人。

如何创建一个Vue项目（Vue2脚手架的安装）

安装脚手架 如何创建vue项目

m0_48806387的博客 1万+

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过，这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后，重新检测通过。

使用vue-cli脚手架创建项目步骤

使用vue-cli脚手架快速创建项目

m0_45144737的博客 4348

VUE——使用VUE脚手架创建项目

Vue脚手架安装及配置

weixin_68567820的博客 1万+

Vue2脚手架创建项目

Vue2脚手架创建项目 一、使用脚手架 1.安装 @vue/cli ​ 简述 cli ===> command line interface (命令行接口) // 安装 npm install -g @vue/cli # OR yarn global add @vue/cli // 升级 npm update -g @vue/cli # OR yarn global upgrade --latest @vue/cli // 版本查看 vue --

qq_39593914的博客 5587

vue脚手架与创建vue项目

vue脚手架的安装与创建vue项目需要先行安装配置node与npm，详情可以看node、npm的下载、安装、配置_node 下载安装-优快云博客。

qq_48843954的博客 1487

vue项目vue-cli(脚手架)创建方式和webpack创建方式的区别

创建vue项目的两种方式与区别 运行环境: 下载地址：node.js中文官网 http://nodejs.cn/download/ 工具visual studio code: https://code.visualstudio.com/ 全局安装 vue-cli ，在命令行工具中输入命令行： $ cnpm install vue-cli -g 全局安装webpack，在命令行工具中输入...

klz 6713

vue-cli创建vue2或vue3新项目步骤【留底收藏】

vue-cli创建vue2或vue3新项目步骤 1. 安装：node(已安装忽略，命令行：node -v 检查是否成功）2.cnpm或 yarn安装（非必须，npm也可以的）yarn安装：npm install -g yarn 查看版本：yarn -v cnpm安装：npm install -g cnpm -registry=https://registry.npm.taobao.org 查看版本：cnpm -v （备注：不要用npm install cnpm -g安装）...

刻痕 8493

Vue CLI 脚手架

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)。 前端系统

程序员小王的博客 2474

vue CLI脚手架搭项目

1.安装 node.js环境 官网下载：https://nodejs.org/en/download/ 一直默认就行，路径可以改变但要记得到 安装完成后cmd打开终端，输入node -v ,npm -v 若能看到node和npm的版本号了，则说明已经安装成功 2、官方参考网址： 官方参考网址：https://cli.vuejs.org/zh/ 3.安装（如果npm安装不了，就换淘宝境像cnpm） ...

weixin_42479115的博客 3994

脚手架vue-cli创建Vue项目手把手教学

Default是默认选择（vue2,vue3）,Manually select features 是自己手动选择，可以选择你需要的。通常都是自己手动选择,键盘上下键选择，enter确定。用vue -V检查版本，如果出现“vue” 不是内部或外部命令，也不是可运行的程序或批处理文件，就说明你电脑没有安装vue。像这种要选择yes还是no的一般情况下都是选择no，可以避免下次写特殊项目不好配置。再然后也是一些选项，按照翻译选择自己需要的，我这里选的倒数第二个。选择自己需要的以后，按下回车再次选择自己需要的。

H524268015wsw的博客 4949

vue-cli2脚手架详细讲解

vue-cli2脚手架详细讲解

m0_66722601的博客 1454
上一篇： Vue的学习（十二）vue开发的脚手架 vue cli2 ，vue cli3 ,2个版本的脚手架创建vue项目的命令分别是什么
下一篇： Vue的学习（十四）如何启动vue的项目，并且对vue的项目目录做解释，打包项目的命令
点赞 0
评论 0
书签 书签 0
一写代码就开心
一写代码就开心
博客等级 码龄7年 2万+粉丝 1037原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

一写代码就开心

你的打赏将是我最大的动力

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

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

打赏作者

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

抵扣说明：

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

余额充值