Nuxt3入门很简单。

前置条件

在开始之前,请确保Nodejs的版本是v14或者是v16。

选择Nuxt3或者Bridge

接下来,你要确定的是你是要从头开始,还是要将已经存在的nuxt2,通过Nuxt bridge升级到nuxt3。

从头开始

享受Vue3吧

所有新的组合都将可用

启用了新的模板和约定

升级Nuxt2项目

如果您已有 Nuxt 2 项目,我们强烈建议您从使用 Nuxt Bridge 开始。通过这种方式,你可以尝试大多数新功能,同时将破坏性更改降至最低。

  1. 这是无风险的!您始终可以从配置中删除该模块
  2. 使你的项目(几乎)为 Nuxt 3 做好准备
  3. 享受新的 DX 改进,无需对 Vue 3 进行重大重写
  4. 使用 Nitro 引擎进行平台无关和优化的部署
  5. 帮助我们稳定 Nuxt 3 并发现缺陷
  6. Nuxt Bridge 目前比 Nuxt 3 更稳定

具体步骤,见下一篇文章

Nuxt2,Nuxt Bridge,Nuxt3的比较

在下表中,对 3 个版本的 nuxt 进行了快速比较:

功能/版本努克斯 2纽斯特桥第 3 期
稳定性😊稳定😌 半稳定😬 不稳定
性能🏎 快✈️更快🚀 最快
Nitro Engine
ESM 支持🌙 部分👍 更好
TypeScript☑️ 选择加入🚧 更快
Composition API⚠️ 已弃用
Options Api✅(不推荐)
Components Auto Import
<script setup> syntax🚧 部分
Auto Imports
Webpack445
Vite⚠️ 部分🚧 部分🚧 实验性的
Nuxi CLI❌ 旧✅ nuxi✅ nuxi
Static Sites🚧

下一篇文章,将介绍如何构建nuxt3

Logo

前往低代码交流专区

更多推荐