您可以通过在线项目模板或使用终端本地启动来快速开始使用Nuxt。
在线体验
您可以在浏览器中使用我们的在线沙箱快速体验Nuxt 3:
在StackBlitz上体验 在CodeSandbox上体验。
直接打开nuxt.new,使用我们的starter和主题进行开始。 发现nuxt.new。
新项目
前置条件
Node.js - v16.10.0或更高版本
文本编辑器 - 我们推荐使用安装了Volar扩展的Visual Studio Code
终端 - 为了运行Nuxt命令
最佳配置的额外注意事项
Node.js: 确保使用偶数版本号(18、20等等)
Volar: 启用接管模式(推荐),或者添加TypeScript Vue插件。
如果您已启用了“接管模式”或安装了“TypeScript Vue插件”(Volar),您可以在
nuxt.config.ts
文件中禁用生成*.vue
文件的适配器文件// nuxt.config.ts
export default defineNuxtConfig({
typescript: {
shim: false
}
})
Visual Studio Code
,则可以打开集成终端),并使用以下命令创建一个新项目:
# npx
npx nuxi init <project-name>
#pnpm
pnpm dlx nuxi init <project-name>
在 Visual Studio Code
中打开您的项目文件夹:
code <project-name>
# yarn
yarn install
# npm
npm install
# pnpm
# 在运行 pnpm install 命令之前,请确保您的 .npmrc 文件中设置了 shamefully-hoist=true
pnpm install
现在,您可以以开发模式启动 Nuxt 应用程序:
# yarn
yarn dev -o
# npm
npm run dev -- -o
# pnpm
pnpm dev -o
干的漂亮,一个浏览器窗口应该会自动打开,地址是: http://localhost:3000
现在您已经创建了您的 Nuxt 3 项目,您可以开始构建您的应用程序了。
了解框架的概念。
原文档地址:https://nuxt.com/docs/getting-started/installation