安装
使用我们的在线启动器快速开始使用 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 应用程序了:
npm run dev -- -o
干得漂亮!一个浏览器窗口应该会自动打开 http://localhost:3000。
下一步
现在,你已经创建了你的 Nuxt 项目,可以开始构建你的应用程序了。