# 介绍
Nuxt.js 是一个基于Vue.js的通用应用框架，预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。可以更方便的实现Vue项目的SSR。具体的可详见官网，这里不再过多赘述。
# 安装
方法一：
// 全局安装脚手架
npm install -g create-nuxt-app
// 创建项目
create-nuxt-app <你的项目名称>
方法二：
// 官方提供
npx create-nuxt-app <你的项目名称>
提示：
npx首先会检测全局是否安装了create-nuxt-app脚手架，如果已经安装则直接创建项目。否则先局部安装craete-nuxt-app脚手架后再创建项目。可理解为把方法一的两步合二为一了。
npx会在npm( 注意 npm 必须 >= 5.2.0版本 ) 安装后自带npx。
# 创建
- 创建一个名为
nuxt.test的项目，即如下图
create-nuxt-app nuxt.test
-
项目描述 和 使用的语言，可根据具体需要填写和选择
1644477448(1).png 选择包管理工具 和 使用的UI框架，我们选择 npm 和 Element UI
-
选一个或多个第三方库（ 可按 空格键 进行选中/取消 ）
1644477966(1).png -
选择代码格式化工具 和 测试工具（ 可不选 ）
1644478199(1).png -
选择后端渲染模式，切记一定选择SSR
1644478381(1).png -
选择一个部署工具，我们选择 node.js 作为服务
image.png -
选所对应的开发工具
1644479560(1).png -
选择版本管理（ 暂时不选 ）
1644479643(1).png
回车后开始装依赖，需要等待片刻
1644480076(1).png -
创建成功，启动项目
1644480207(1).png
出现上图即可按照提示，cd 到我们的文件夹，然后运行命令启动项目，启动成功后如下图
# 目录介绍
assets：资源目录，用于组织未编译的静态资源如 LESS、SASS 或 JavaScript。
components：组件目录，用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件，即这些组件不会像页面组件那样有 asyncData 方法的特性。
layouts：布局目录，用于组织应用的布局组件。
middleware：中间件目录，用于存放应用的中间件。
pages页面目录，用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。
plugins：插件目录，用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。
static：静态文件目录，用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下，即 /static/robots.txt 映射至 /robots.txt
store：状态管理目录，用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置，在 store 目录下创建一个 index.js 文件可激活这些配置。
nuxt.config.js：用于组织 Nuxt.js 应用的个性化配置，以便覆盖默认配置。
package.json：用于描述应用的依赖关系和对外暴露的脚本接口。
更多介绍详见 官网-目录结构
