Nuxt 3 开发配置

在开发前，需要在系统预先安装以下软件和插件：

• Node.js
  提示

  请确保 Node.js 的版本高于 16.11

  可以在终端输入以下代码查看系统已安装的 Node.js 版本

  bash

  node --version
  

• Visual Studio Code
• Volar 插件
  提示

  并停掉 VSCode 内置的 TypeScript 插件，开启 Take Over Mode 只通过 Volar 提供 Vue 和 TypeScript 的支持。

  • Volar 版本需要高于 0.27.17
  • 按下快捷键 Ctrl + Shift + P 呼出命令面板，并输入 Extensions: Show Built-in Extensions 命令，打开内置的插件
  • 找到 TypeScript and JavaScript Language Features 插件，右键点击，选择 Disable (Workspace) 菜单选项，在当前项目的工作区中禁止使用内置的 TypeScript 插件
  • 重启 VSCode
  • 还要记得在 Nuxt 项目的配置文件 nuxt.config.ts 进行以下设置，以取消为 *.vue 文件生成相应的 shim 文件（TS 声明文件）
    ts

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

# <project-name> 替换为项目的名称
npx nuxi init <project-name>

# 通过参数 -t 设置所使用的模板，名为 content
# 项目的名称为 blog
npx nuxi init -t content blog

npm install

npm run dev -- -o