安装
通过我们的在线启动器快速开始使用 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 中打开您的项目文件夹
终端
code <project-name>
或者从终端将目录更改到您的新项目中
cd <project-name>
开发服务器
现在您可以在开发模式下启动您的 Nuxt 应用程序
npm run dev -- -o
做得好! 浏览器窗口应自动打开 https://127.0.0.1:3000。
下一步
既然您已经创建了 Nuxt 项目,您就可以开始构建应用程序了。