您的位置:首页 > Web前端 > Vue.js

Vue----->全家桶Nuxt.js(一)

2020-03-30 09:41 375 查看

「深度学习福利」大神带你进阶工程师,立即查看>>>

  1. nuxt.js概述

 1) . SPA单页面web应用,vue.js可以实现SPA
      –不利于SEO
 2) . SEO:搜索引擎优化(增加收录、提高权重)
 3) .  SSR:服务器端渲染
     –将前端拆分2部分:客户端和服务端
     –服务器端渲染,就是让前端服务端的代码先执行,就可以提前获得后端提供的数据
 4) . nuxt.js就是基于vue.js的SSR技术。

2. nuxt.js入门

   安装:

  • 步骤一:创建nuxt.js项目

npx  create-nuxt-app <项目名>

  • 步骤二:确定项目名、描述、作者,直接回车

  • 步骤三:确定包管理工具

  • 步骤四:选择UI框架

  • 步骤五:选择前端服务器框架

  • 步骤六:选择模块

  • 步骤七:选择格式化工具

  • 步骤八:选择测试框架

  • 步骤九:选择渲染模式

  • 步骤十:选择发布工具

  • 步骤十一:安装成功-完整信息

  • 步骤十二 :  安装成功截图---运行指令

  • 运行完成截图

 

感谢各位兄弟姐妹阅读!!! 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  nuxt.js spa vue.js