概述

Nuxt 4 带来了许多令人兴奋的特性,包括更快的冷启动、更好的 TypeScript 支持以及全新的 DevTools。

项目初始化

npx nuxi@latest init my-nuxt-app
cd my-nuxt-app
pnpm dev

核心特性

1. 文件系统路由

Nuxt 4 延续了基于文件系统的路由方式,pages/ 目录下的每个 .vue 文件自动生成对应路由。

2. 自动导入

无需手动 importcomponents/ 下的组件和 composables/ 下的函数会自动导入。

3. 服务端 API

server/api/ 目录下的文件自动成为 API 端点,支持 GET、POST 等多种方法。

部署

使用 EdgeOne Pages 一键部署,或通过 CNB CI 自动化部署。