源码时代前端干货分享|Nuxt开发使用文档

• 一、Nuxt概述 Nuxt官方理解是Vue的通用框架，它的作用主要是用来作SSR（服务器端渲染）。而Vue是开发SPA（单页应用）的js框架。Nuxt采用Vue开发多页应用，并在服务端完成渲染，可以直接用npm

  run generate命令将制作的vue项目生成为静态html ### 服务器渲染SSR的好处
  SSR渲染的页面主要方便SEO进行搜索优化，比如：新闻 博客
  电影等网站，就需要大量的进行搜索提供流量查询，这些网站就需要使用SSR进行优化处理，当然并不是所有网站都需要用到SSR，这个就需要看每个公司的产品的用处了

  服务器渲染流程

  客户端发送url请求到服务器端，服务器端根据接收到的url信息在服务器端完成html+data页面的渲染， 然后将组装成的页面返回给客户端

  Nuxt描述 Nuxt中就包含了 Vue开发服务端渲染的应用所需要的各种配置。 在node环境中使用命令nuxt generate 就可以将基于 Vue的应用提供生成对应的静态站点的功能。

  Nuxt提供了许多有用的特性，例如异步数据加载、中间件支持、布局支持等 ### Nuxt特性 基于 Vue.js 自动代码分层
  服务端渲染 强大的路由功能，支持异步数据 静态文件服务 ES2015+ 语法支持 打包和压缩 JS 和 CSS HTML 头部标签管理
  本地开发支持热加载 集成 ESLint 支持各种样式预处理器： SASS、LESS、 Stylus 等等 支持 HTTP/2 推送 ##
  二、Nuxt项目搭建 ### 方式一：运用Nuxt手脚架(create-nuxt-app)安装 1.
  确保安装了npx(npx在npm5.0以上自动安装)后，运行命令
  ![图片12.png](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMzIxMTAyMS04YmY4MTkyMTY0OWQ1YWFkLnBuZw?x-oss-process=image/format,png
  2 项目选项