安装
通过我们的在线启动器快速开始使用 Nuxt,或通过终端在本地启动。
在线体验
如果你只想在浏览器中玩玩 Nuxt,而不想设置项目,可以使用我们的在线沙盒之一:
或者按照以下步骤在你的计算机上设置一个新的 Nuxt 项目。
新项目
前提条件
- Node.js -
18.x
或更新版本(但我们推荐 活跃的 LTS 版本) - 文本编辑器 - 没有 IDE 要求,但我们推荐使用 Visual Studio Code 和 官方 Vue 扩展(之前称为 Volar)或 WebStorm,它与 其他 JetBrains IDE 一起,提供了出色的 Nuxt 支持。
- 终端 - 为了运行 Nuxt 命令
优化设置的附加说明:
- Node.js:确保使用偶数版本(18、20 等)
- Nuxtr:安装社区开发的 Nuxtr 扩展
打开终端(如果你使用 Visual Studio Code,可以打开 集成终端),并使用以下命令创建一个新的启动项目:
npx nuxi@latest init <project-name>
另外,你可以通过打开 nuxt.new 寻找其他启动器或主题,并按照那里的说明进行操作。
在 Visual Studio Code 中打开你的项目文件夹:
Terminal
code <project-name>
或在终端中切换到你的新项目目录:
cd <project-name>
开发服务器
现在你可以在开发模式下启动你的 Nuxt 应用程序:
npm run dev -- -o
干得好!浏览器窗口应自动打开 http://localhost:3000。
下一步
现在你已经创建了你的 Nuxt 项目,可以开始构建你的应用程序了。