如何安装和创建第一个 Nuxt.js 应用程序？

什么是 NuxtJS？

NuxtJS 是用于创建 Web 应用程序的 VueJS 框架。它使开发更加快速、简单和有条理。 NuxtJS 类似于 Next.js，后者是 React.js 的一个框架。

NuxtJS 的主要特点是：

• 出色的文件夹结构： Nuxt App 具有出色的文件夹结构，可让开发快速且有条理。
• 服务器端渲染 (SSR)：在将 HTML 发送到客户端之前，轻松地在服务器上渲染 react 组件。
• 静态渲染：在文件或文件夹创建时自动生成路由。
• 代码拆分：使用特殊的 Webpack 配置创建静态版本的 Web 应用程序。

先决条件：以下是创建 Nuxt 应用程序的一些先决条件。

• 已安装节点（版本 10.13 或更高版本）。
• NPM（Node Package Manager）的基础知识。

创建和运行 nuxt 应用程序的步骤：

第 1 步：现在在桌面上为您的项目创建一个文件夹，然后通过终端导航到该文件夹。

步骤2：在终端中运行以下命令。 my-app是我们应用程序的名称，您可以选择任何名称。

npx create-nuxt-app my-app

第3步：之后，您必须在终端回答一些问题，根据您的选择回答这些问题。

第 4 步：现在使用以下命令导航到您的应用程序：

cd my-app

文件夹结构：它看起来像这样。

第 5 步：使用以下命令运行您的应用程序。

npm run dev

输出：现在打开浏览器并转到http://localhost:3000/ ，您将看到以下输出：

参考： https://nuxtjs.org/docs/2.x/get-started/installation