Nuxt.js

什么是Nuxt.js

Nuxt.js 是一个基于 Vue.js 的通用应用框架。

通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。

 

Nuxt.js 集成了以下组件/框架，用于开发完整而强大的 Web 应用：

• Vue 2
• Vue-Router
• Vuex (当配置了 Vuex 状态树配置项 时才会引入)
• Vue 服务器端渲染 
• Vue-Meta

Nuxt.js 使用 Webpack 和 vue-loader 、 babel-loader 来处理代码的自动化构建工作（如打包、代码分层、压缩等等）。

安装 

$ npx create-nuxt-app <项目名>

npx可以临时安装可执行依赖包，不用全局安装，不用担心长期的污染。可以执行依赖包中的命令，安装完成自动运行。

或者

$ yarn create-nuxt-app <项目名>

它会让你进行一些选择:

1. 在集成的服务器端框架之间进行选择:
   • None (Nuxt默认服务器)
   • Express
   • Koa
   • Hapi
   • Feathers
   • Micro
   • Adonis (WIP)
2. 选择您喜欢的UI框架:
   • None (无)
   • Bootstrap
   • Vuetify
   • Bulma
   • Tailwind
   • Element UI
   • Ant Design Vue
   • Buefy
3. 选择你想要的Nuxt模式 (Universal or SPA)
4. 添加 axios module 以轻松地将HTTP请求发送到您的应用程序中。
5. 添加 EsLint 以在保存时代码规范和错误检查您的代码。
6. 添加 Prettier 以在保存时格式化/美化您的代码。

当运行完时，它将安装所有依赖项，因此下一步是启动项目:

$ cd <project-name>
$ npm run dev

参考文章：https://zh.nuxtjs.org/guide/installation