Vue使用Nuxt.js进行服务器端渲染

Nuxt.js 项目创建

• 基于 Vue.js
• 自动代码分层
• 服务端渲染
• 强大的路由功能，支持异步数据
• 静态文件服务
• ES6/ES7 语法支持
• 打包和压缩 JS 和 CSS
• HTML 头部标签管理
• 本地开发支持热加载
• 集成 ESLint
• 支持各种样式预处理器： SASS、LESS、 Stylus 等等

1. 新建项目： npx create-nuxt-app <项目名称>
2. 执行上述命令会进行一些依赖按照，紧接着会有一些简单配置
   1. 在集成的服务器端框架之间进行选择
   2. UI框架
   3. 测试框架
   4. Nuxt的模式(Universal or SPA)
   5. 添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中
   6. 添加 EsLint 以在保存时代码规范和错误检查您的代码
   7. 添加 Prettier 以在保存时格式化/美化您的代码
3. 安装中ing.....

Nuxt.js 特点

• 基于 Vue.js
• 自动代码分层
• 服务端渲染
• 强大的路由功能，支持异步数据
• 静态文件服务
• ES6/ES7 语法支持
• 打包和压缩 JS 和 CSS
• HTML 头部标签管理
• 本地开发支持热加载
• 集成 ESLint
• 支持各种样式预处理器： SASS、LESS、 Stylus 等等

更多Nuxt.js的配置、使用请查看https://zh.nuxtjs.org/guide/views/#%E9%A1%B5%E9%9D%A2