安装
使用我们的在线入门程序快速开始使用 Nuxt,或者使用您的终端在本地开始。
在线体验
如果您只想在浏览器中体验 Nuxt,而无需设置项目,可以使用我们的在线沙箱之一。
或者按照以下步骤在您的计算机上设置一个新的 Nuxt 项目。
新建项目
先决条件
- Node.js -
v18.0.0
或更高版本 - 文本编辑器 - 我们推荐使用 Visual Studio Code,并安装 官方 Vue 扩展(以前称为 Volar)
- 终端 - 用于运行 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 应用程序
yarn dev --open
做得好!浏览器窗口应该会自动打开 http://localhost:3000。
下一步
现在您已经创建了 Nuxt 3 项目,您可以开始构建您的应用程序了。