vue工具类（燃爆了）Vue开发工具，vue 3.0 推荐使用哪个构建工具 vue-cli ? vite?，

1.了解一下常用的Vue的开发工具有哪些

​目录本文手把手教你vite、vue-cli两种创建项目的方法，另外还有vue3.0全套课程官方给 vue 的定位是前端框架，因为它提供了构建用户界面的一整套解决方案俗称 vue 全家桶：vue（核心库） 。

2.vue使用什么开发工具

vue-router（路由方案） vuex（状态管理方案） vue 组件库（快速搭建页面 UI 效果的方案）以及辅助 vue 项目开发的一系列工具： vue-cli（npm 全局包：一键生成工程化的 vue 项目 – 基于 webpack、大而全）

3.vuejs用什么开发工具

vite（npm 全局包：一键生成工程化的 vue 项目 – 小而巧） vue-devtools（浏览器插件：辅助调试的工具） vetur（vscode 插件：提供语法高亮和智能提示）

4.vue编程工具

一、如何快速创建 vue 的 SPA 项目 vue官方提供了两种快速创建工程化的SPA项目方式：① 基于vite创建SPA项目② 基于vue-cli创建SPA项目至于使用哪种构建工具看下图！

5.vue设计工具

二、vite 的基本使用 接下来内容手把手带大家学习vite的基本使用下面链接为vite本集课程：黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili。

6.vue用什么开发工具

​www.bilibili.com/video/BV1zq4y1p7ga?p=331

7.常用的vue的开发工具有哪些

2.1 创建vite项目按照顺序执行如下的命令，即可基于vite创建vue3.x的工程化项目：

8.常用的Vue的开发工具有哪些

2.2 梳理项目的结构

9.Vue开发工具

在src这个项目源代码目录之下，包含了文件和文件夹：

10.vue开发工具有哪些

assets 目录用来存放项目中所有的静态资源文件（css、fonts等） components 目录用来存放项目中所有的自定义组件 App.vue 是项目的根组件 index.css 是项目的全局样式表文件

main.js 是整个项目的打包入口文件2.3 vite项目的运行流程在工程化的项目中，vue 要做的事情很单纯：通过 main.js 把 App.vue 渲染到 index.html 的指定区域中 其中：

① App.vue 用来编写待渲染的模板结构 ② index.html 中需要预留一个 el 区域 ③ main.js 把 App.vue 渲染到了 index.html 所预留的区域中2.4 在APP.vue中编写模板结构

清空App.vue默认内容，书写下面格式：

2.5 在 index.html 中预留 el 区域打开 index.html 页面，确认预留了 el 区域：

2.6 在 main.js 中进行渲染按照 vue 3.x 的标准用法，把 App.vue 中的模板内容渲染到 index.html 页面的 el 区域中：

三、什么是Vue-clivue-cli（俗称：vue 脚手架）是 vue 官方提供的、快速生成 vue 工程化项目的工具 特点： ① 开箱即用 ② 基于 webpack③ 功能丰富且易于扩展 ④支持创建 vue2 和 vue3 的项目 。

vue-cli 的中文官网首页：https://cli.vuejs.org/zh/3.1 vue-cli创建项目方式vue-cli提供了两种创建项目的方式：

四、基于vue ui 创建 vue 项目 步骤1：在终端下运行 vue ui 命令，自动在浏览器中打开创建项目的可视化面板

步骤2：在详情页面填写项目名称：

步骤3：在预设页面选择手动配置项目

步骤4：在功能页面勾选需要安装的功能（Choose Vue Version、Babel、CSS 预处理器、使用配置文件）：

步骤5：在配置页面勾选 vue 的版本和需要的预处理器：

步骤6：将刚才所有的配置保存为预设（模板），方便下一次创建项目时直接复用之前的配置：

步骤7：创建项目并自动安装依赖包：

vue ui 的本质：通过可视化的面板采集到用户的配置信息后，在后台基于命令行的方式自动初始化项目：

项目创建完成后，自动进入项目仪表盘：

如果还想学习基于命令行创建vue项目，可以找到我，篇幅问题就不再这里更新了学前端认准黑马程序员，在知乎上有问必答！欢迎有问题评论、私信或者直接邀请我来回答！更多HTML+CSS学习笔记如下（已完结）：认识网页

/ HTML标签大全 / 表格 / 列表CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影

浮动知识点汇总 / PS切图 / CSS属性书写顺序（重点） / CSS练手之学成在线页面制作CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位（position）的应用案例：淘宝轮播图

/ 元素的显示与隐藏 / 土豆网鼠标经过显示遮罩 /【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /溢出的文字省略号显示 / 常见布局技巧+案例

/ CSS新增选择器 / 盒子模型和其他新特性HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏）

移动开发笔记（更新中）移动WEB开发之入门&视口 / 二倍图 / 主流方案选择 / 携程网首页案例制作rem基础&媒体查询 / less基础 / rem实际开发适配方案 /JavaScript最全拔高（更新中）

JavaScript面向对象开发相关模式 / JavaScript创建对象简单方式到优化 / JavaScript面向对象游戏案例：贪吃蛇