在线试炼
您可以使用我们的在线沙箱在您的浏览器中开始玩 Nuxt 3:
新建项目
先决条件
- Node.js - 版本大于
v16.10.0
或更高 - 编辑器 - 我们推荐 Visual Studio Code 和 Volar 扩展
- 终端 - 为了运行 Nuxt 命令
最佳设置的附加说明:
详情
打开一个终端(如果你使用的是Visual Studio Code,你可以打开一个集成终端) 并使用以下命令创建一个新的入门项目:
bash
pnpm
bash
pnpm dlx nuxi@latest init <project-name>
在 Visual Studio Code 中打开项目文件夹:
bash
code <project-name>
安装依赖项:
bash
pnpm
bash
# 在运行 pnpm install 之前,确保你在 `.npmrc` 中有 `shamefully-hoist=true`
pnpm install
开发服务器
现在您将能够在开发模式下启动您的 Nuxt 应用程序:
bash
pnpm
bash
pnpm dev -o
上面步骤完成之后! http://localhost:3000 的浏览器窗口应该会自动打开。
下一步
现在您已经创建了 Nuxt 3 项目,您可以开始构建您的应用程序了。
- 了解框架概念