vue的vite、vue-cli、create-vue的区别

 

• 脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生成demo。
• 构建项目：建立项目的运行环境，需要手动安装插件。

 

vue-cli

【官网：https://cli.vuejs.org/zh/index.html】

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli

vue-cli 是 Vue 早期推出的一款脚手架，使用 webpack 创建 Vue 项目，可以选择安装需要的各种插件，比如 Vuex、VueRouter等。

vue-cli 用于创建 vue2 的项目； @vue/cli 用于创建 vue3 的项目，当然也支持 vue2。

使用起来还是比较繁琐的，首先要安装脚手架，然后使用 vue create hello-world 创建项目，具体的就不介绍了。

create-vue

【官网：https://cn.vuejs.org/guide/quick-start.html#with-build-tools】

create-vue 是 Vue3 的专用脚手架，使用 vite 创建 Vue3 的项目，也可以选择安装需要的各种插件，使用更简单。

使用方式

npm init vue@latest
or
yarn create vue

可选插件

然后我们可以选择需要的各种插件：

• TypeScript
• JSX Support
• Vue Router for Single Page Application development
• Pinia for state management
• Vitest for Unit testing
• Cypress for both Unit and End-to-End testing
• ESLint for code quality
• Prettier for code formating

vite

【官网：https://cn.vitejs.dev/】

Vite（法语意为 "快速的"，发音 /vit/ ，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

• 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。
• 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。