Nuxt3 安装 #

Nuxt 3是一个混合型 Vue 框架。使用 Vue 3 构建应用程序，体验混合渲染、强大的数据获取和新功能。Nuxt 3 是一个开源的框架，使 Web 开发变得简单而强大。

先决条件 #

创建项目之前先确保已经安装了以下推荐的程序：

• Node.js 版本不小于 v14.16.0 或 16.11
• Visual Studio Code（推荐）
• Volar 扩展（推荐）
  • 启用 Take Over Mode[接管模式]（推荐）
  • TypeScript Vue Plugin (Volar)

export default defineNuxtConfig({
  typescript: {
    shim: false
  }
})

创建项目 #

打开 Visual Studio Code, 打开内置终端并输入下面命令创建一个 nuxt 项目

# npx
npx nuxi init nuxt-app

# pnpm
pnpm dlx nuxi init nuxt-app

命令行中的nuxt-app就是你的项目名称

使用 Visual Studio Code 打开nuxt-app目录

code nuxt-app

安装依赖 #

# yarn
yarn i

# npm
npm i

# pnpm
pnpm install --shamefully-hoist

启动服务 #

启动开发环境服务器 #

# yarn
yarn dev -o

# npm 
npm run dev -- -o

# pnpm
pnpm run dev -o

打包并启动生成环境服务器 #

在package.json文件的script中添加以下命令：

"start": "nuxt build && PORT=5173 node .output/server/index.mjs"

打包并生成生成环境服务器

yarn start