Nuxt.js快速入门

落爺英雄遲暮 提交于 2020-03-14 10:28:33

今日须知:nuxt.js的基本安装

在正式学习Nuxt.js前我们先将官网链接送给大家

Nuxt.js基本使用

在开始学习之前大家需要思考我们为什么使用Nuxt.js 有什么好处

- nuxt.js概述

  • SPA单页面web应用,vue.js可以实现SPA但他不利于SEO(什么是SEO?)

  • SEO:搜索引擎优化(增加收录,提高权重)

  • SSR:服务器端渲染

      将前端拆分为2个部分:客户端和服务器端
      服务器端渲染,就是让前端服务端的代码先执行,就可以提前获得后端提供的数据
    
  • Nuxt.js就是基于vue.js的SSR技术

老惯例---上图解释 SSR数据流转

正式开始项目搭建

  1. 创建Nuxt.js项目

npx create-nuxt-app 项目名 创建nuxt

  1. 确定项目名、描述、作者,直接回车 确定信息

  2. 确定包管理工具. 包管理工具

  3. 选择UI框架 所需UI框架

  4. 选择前端服务器框架 前端服务器框架

  5. 选择模块第三方模块

  6. 选择格式化工具 测试框架

  7. 选择测试框架 渲染模式

  8. 选择渲染模式 渲染模式

  9. 发布工具 选择发布工具

  10. 安装完成 成功信息

  11. 运行 运行

以上就是Nuxt.js完整环境搭建的一篇文章完成搭建后让我们启动项目来了解一下他的目录结构

项目目录具体结构

希望通过本篇介绍可以使小白级别的朋友们快速入门


如果本篇对您有帮助,请点赞鼓励~

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!