nuxt.js学习篇一

Posted 林见夕

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxt.js学习篇一相关的知识,希望对你有一定的参考价值。

官网: https://www.nuxtjs.cn/guide

Nuxt.js 是什么?

简单来说他就是一个vue服务端ssr框架.

特性

  1. 基于 Vue.js
  2. 自动代码分层
  3. 服务端渲染
  4. 强大的路由功能,支持异步数据
  5. 静态文件服务
  6. ES2015+ 语法支持
  7. 打包和压缩 JS 和 CSS
  8. html 头部标签管理
  9. 本地开发支持热加载
  10. 集成 ESLint
  11. 支持各种样式预处理器: SASS、LESS、 Stylus 等等
  12. 支持 HTTP/2 推送

流程图

流程图

开始使用

1. 安装

npm i create-nuxt-app 

or

yarn add create-nuxt-app

使用create-nuxt-app [项目名]接下来他会给你一系列选中,你回车就行!

项目的目录结构

  1. 资源目录 assets 用于组织未编译的静态资源如 LESSSASSjavascript
  2. ....更多官网查看

以上是关于nuxt.js学习篇一的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt.js打造旅游网站第3篇_登录页面的编写

在Nuxt.js组件中获取异步数据

Nuxt.js的学习

Nuxt学习笔记

Nuxt.js学习 --- Nuxt目录结构详解Nuxt常用配置项Nuxt路由配置和参数传递

Nuxt.js的学习路由组件的学习