安装

您可以通过在线项目模板或使用终端本地启动来快速开始使用Nuxt。

在线体验

您可以在浏览器中使用我们的在线沙箱快速体验Nuxt 3：

在StackBlitz上体验 在CodeSandbox上体验。

直接打开nuxt.new，使用我们的starter和主题进行开始。 发现nuxt.new。

新项目

前置条件

• Node.js - v16.10.0或更高版本

• 文本编辑器 - 我们推荐使用安装了Volar扩展的Visual Studio Code

• 终端 - 为了运行Nuxt命令

最佳配置的额外注意事项

• Node.js: 确保使用偶数版本号（18、20等等）

• Volar: 启用接管模式（推荐），或者添加TypeScript Vue插件。

如果您已启用了“接管模式”或安装了“TypeScript Vue插件”（Volar），您可以在 nuxt.config.ts 文件中禁用生成 *.vue 文件的适配器文件

// nuxt.config.ts
export default defineNuxtConfig({
 typescript: {
    shim: false
 }
})

打开终端（如果您使用的是 Visual Studio Code，则可以打开集成终端），并使用以下命令创建一个新项目：

# npx
npx nuxi init <project-name>
#pnpm
pnpm dlx nuxi init <project-name>

在 Visual Studio Code 中打开您的项目文件夹：

code <project-name>

安装依赖项：

# yarn
yarn install
# npm
npm install
# pnpm
# 在运行 pnpm install 命令之前，请确保您的 .npmrc 文件中设置了 shamefully-hoist=true
pnpm install

启动服务

现在，您可以以开发模式启动 Nuxt 应用程序：

# yarn
yarn dev -o
# npm
npm run dev -- -o
# pnpm
pnpm dev -o

干的漂亮，一个浏览器窗口应该会自动打开，地址是： http://localhost:3000

下一步

现在您已经创建了您的 Nuxt 3 项目，您可以开始构建您的应用程序了。

• 了解框架的概念。

原文档地址：https://nuxt.com/docs/getting-started/installation