安装
通过我们的在线入门工具或在本地终端开始,快速上手 Nuxt。
在线体验
你可以在浏览器中使用我们的在线沙盒来开始体验 Nuxt 3:
通过打开 nuxt.new 直接开始使用我们的入门工具和主题。
新项目
先决条件
- Node.js -
v18.0.0
或更新版本 - 文本编辑器 - 我们推荐使用 Visual Studio Code 以及 Volar 扩展
- 终端 - 用于运行 Nuxt 命令
最佳设置的额外说明:
- Node.js: 确保使用偶数版本号(18、20 等)
- Nuxtr: 安装社区开发的 Nuxtr 扩展
- Volar: 要么启用 接管模式(推荐),要么添加 TypeScript Vue 插件
如果你已启用了 接管模式 或安装了 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
开发服务器
现在,你可以在开发模式下启动你的 Nuxt 应用程序:
yarn dev --open
做得好!浏览器窗口应该会自动打开 http://localhost:3000。
下一步
既然你已经创建了你的 Nuxt 3 项目,你可以开始构建你的应用程序了。