Nuxt3 中文课程《实战全栈开发简书》限时优惠

安装

通过我们的在线入门工具或在本地终端开始,快速上手 Nuxt。

在线体验

你可以在浏览器中使用我们的在线沙盒来开始体验 Nuxt 3:

在 StackBlitz 上打开

在 CodeSandbox 上打开

通过打开 nuxt.new 直接开始使用我们的入门工具和主题。

新项目

先决条件

最佳设置的额外说明:

如果你已启用了 接管模式 或安装了 TypeScript Vue 插件(Volar),你可以在你的 nuxt.config.ts 文件中禁用生成 *.vue 文件的 shim:

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

打开终端(如果你使用 Visual Studio Code,你可以打开 集成终端),然后使用以下命令创建一个新的入门项目:

npx nuxi@latest init <project-name>

在 Visual Studio Code 中打开你的项目文件夹:

Terminal
code <project-name>

或者从终端中切换到你的新项目的目录:

cd <project-name>

安装依赖项:

yarn install
如果你使用的是 Yarn 2+(Berry),请在你的 .yarnrc.yml 文件中添加 nodeLinker: node-modules你可以在这里跟踪此问题的状态

开发服务器

现在,你可以在开发模式下启动你的 Nuxt 应用程序:

yarn dev --open
做得好!浏览器窗口应该会自动打开 http://localhost:3000

下一步

既然你已经创建了你的 Nuxt 3 项目,你可以开始构建你的应用程序了。

Read more in Nuxt 概念.