官网：https://nuxtjs.org/
一、工程创建
参考文档：https://nuxtjs.org/docs/get-started/installation
步骤1：下载
打开Github，下载代码：https://github.com/nuxt/create-nuxt-app
步骤2：安装依赖
解压项目文件，进入项目目录，npm命令：
npm init nuxt-app@latest <my-project>
步骤3：配置项目（不知道选择哪个的话，就默认选择第一项）
name, Nuxt options, UI framework, TypeScript, linter, testing framework, etc
步骤4：运行项目
npm run dev
此时应用已运行，打开 http://localhost:3000/
二、路由
参考文档：https://nuxtjs.org/docs/get-started/routing
大部分网站都包含很多页面，我们需要路由来展示这些页面。在Vue应用程序种，我们需要编写配置文件（例如，router.js)；然而，Nuxt将根据项目中的pages目录自动为我们生成路由。因此，我们将无需手动配置路由，只需在pages目录下创建.vue文件。
NuxtLink组件：实现项目页面间的跳转
<a>标签：实现与其他网站的跳转
举例1：跳转到pages/index.vue
<template><NuxtLink to="/">Home page</NuxtLink>
</template>
举例2：跳转到外部网站https://nuxtjs.org
<template><main><h1>Home page</h1><NuxtLink to="/about">About (internal link that belongs to the Nuxt App)</NuxtLink><a href="https://nuxtjs.org">External Link to another page</a></main>
</template>
三、目录结构
3.1 pages
详细介绍：https://nuxtjs.org/docs/directory-structure/pages
包含应用程序的视图和路由，Nuxt读取该目录下的所有.vue来创建应用程序的路由。
3.2 components
详细介绍：https://nuxtjs.org/docs/get-started/directory-structure
用于存放所有的Vue.js组件，这些组件将被导入到我们的页面pages当中。
只要把组件设置为true，Nuxt将要自动扫描这些组件并把它导入到.vue文件中，无需手动导入。
3.3 assets
详细介绍：https://nuxtjs.org/docs/directory-structure/assets
包含风格、图片、字体等。
3.4 static
详细介绍：https://nuxtjs.org/docs/directory-structure/static
static目录直接映射到服务器的根目录，包含的名字最好不要更改。（例如 favicon）
3.5 nuxt.config.js
详细介绍：https://nuxtjs.org/docs/directory-structure/nuxt-config
用于配置项目，包含项目所需的模块和设置等。
3.6 package.json
包含项目所需的依赖和脚本。
四、命令
在package.json中应该包含如下命令：
"scripts": {
"dev": "nuxt","build": "nuxt build","start": "nuxt start","generate": "nuxt generate"
}
运行项目：npm run dev