初识NuxtJS
Nuxt.js 是一个基于 Vue.js 的通用应用框架,它关注的是应用的 UI渲染。Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。此外,nuxt generate命令
为基于 Vue.js 的应用提供生成对应的静态站点的功能。
(1)NuxtJS介绍
- Nuxt.js 是一个基于 Vue.js 的通用应用框架。
- Nuxt.js是使用Webpack和Node.js进行封装的基于Vue的SSR框架。
(2)NuxtJS特点
- 基于Vue.js
- 服务端渲染
- 路由强大,支持异步数据
- 打包和压缩JS和CSS
- 支持各种样式预处理器:SASS、LESS、Stylus等等
(3)NuxtJS使用步骤
- 安装NPM5.2.0及以上版本,这样就默认安装了npx命令;当然也可以使用yarn命令。
- 安装脚手架create-nuxt-app,通过npm i -g create-nuxt-app命令就可以完成安装。
- 借助脚手架工具create-nuxt-app生成项目,如:npx create-nuxt-app project_name 或者npm init nuxt-app project_name。
阅读是一种修养,分享是一种美德。