vue脚手架vuecli和vuevite

1.vuecli和vuevite

         Vue-cli是什么：vue-cli是vue的脚⼿架，建筑上的脚⼿架就是先搭个架⼦，然后⼯⼈们慢慢往⾥⾯砌砖 头，直到建筑成型。⽽程序的脚⼿架就是帮你把⼀些环境配置、基础变量定义，⽂件结构等都搭建好， 要创建新的项⽬时拿过来直接往⾥⾯添加新项⽬需要的东⻄。

         为什么要⽤脚⼿架：

2. 创建⼀个项⽬ 

vuecli安装：npm install -g @vue/cli

vuevite安装：(1)npm create vite@latest my-vue-app -- --template vue 

                       (2) cd  my-vue-app
                       (3) npm run dev

执⾏指令 vue create xxx (xxx为项⽬名)，或者采⽤图形化界⾯创建，执⾏指令 vue ui

3.vuecli和vuevite的区别 

Vue CLI（Vue Command Line Interface）是一个完整的工具，用于快速搭建 Vue.js 项目的开发环境。它提供了一套完整的开发工具和脚手架，包括构建、测试、代码规范检查、插件管理等功能。Vue CLI 是一个成熟的工具，适用于构建中大型的 Vue.js 应用程序。

主要特点：

• 完整的开发环境：包括构建、测试、代码规范检查等功能。
• 插件系统：可以通过插件扩展功能，例如添加 TypeScript 支持、PWA 支持等。
• 配置灵活：支持通过配置文件进行灵活的定制。

Vite

Vite 是一个基于现代浏览器原生 ES 模块的开发服务器，它专注于快速构建 Vue.js 单页面应用程序。Vite 的主要特点是利用浏览器原生 ES 模块的特性，实现了快速的冷启动、快速的热模块替换（HMR）以及快速的构建速度。Vite 适用于快速原型开发和小型项目。

主要特点：

• 快速冷启动：利用浏览器原生 ES 模块的特性，实现了快速的冷启动。
• 快速热模块替换（HMR）：支持快速的模块热替换，使得开发过程更加高效。
• 简单配置：Vite 的配置相对简单，适用于快速原型开发和小型项目。