Nuxt3入门教程——初始化项目

Nuxt3 入门教程

欢迎来到 Nuxt3 入门教程！在本教程中，我们将学习如何使用 Nuxt3 构建一个简单的应用程序。

安装

首先，我们需要安装 Nuxt3。在终端中运行以下命令：

npm install -g create-nuxt-app

创建项目

接下来，我们将使用 create-nuxt-app 命令创建一个新的 Nuxt3 项目：

npx create-nuxt-app my-nuxt3-app

进入项目目录：

cd my-nuxt3-app

运行项目

在项目目录中，运行以下命令以启动开发服务器：

npm run dev

现在，您可以在浏览器中访问 http://localhost:3000 查看您的 Nuxt3 应用程序。

添加页面

在 Nuxt3 中，我们可以通过在 pages 目录中创建 .vue 文件来添加新页面。例如，创建一个名为 about.vue 的文件：

<template>
  <div>
    <h1>关于我们</h1>
    <p>这是一个关于我们的页面。</p>
  </div>
</template>

保存文件后，您可以在浏览器中访问 http://localhost:3000/about 查看新页面。

结论

恭喜您完成了 Nuxt3 入门教程！现在，您已经掌握了如何使用 Nuxt3 创建一个简单的应用程序。接下来，您可以深入了解 Nuxt3 的更多功能，如路由、状态管理和服务器端渲染。祝您学习愉快！