Vue3工具链

在线演练基地

• Vue SFC 演练场
  • 自动随着 Vue 仓库最新的提交更新
  • 支持检查编译输出的结果
• StackBlitz 中的 Vue + Vite
  • 类似 IDE 的环境，但实际是在浏览器中运行 Vite 开发服务器
  • 和本地开发效果更接近

项目脚手架

Vite（作者尤雨溪）

Vite是一个轻量级的、速度极快的构建工具。

使用vite来创建一个vue项目，很简单：

npm init vue@latest

此命令会安装和执行create-vue（vue提供的官方脚手架工具）。

• 要学习更多关于 Vite 的知识，请查看 Vite 官方文档。
• 若要了解如何为一个 Vite 项目配置 Vue 相关的特殊行为，比如向 Vue 编译器传递相关选项，请查看 @vitejs/plugin-vue 的文档。

从vue-cli迁移到Vite的资源：

• VueSchool.io 的 Vue CLI -> Vite 迁移指南
• 迁移支持工具 / 插件