Nuxt.js快速上手

原文信息: 查看原文查看原文

Getting Started with Nuxt.js

- Nosa Obaseki

Nuxt.js是一个基于Vue.js,Vue Router,Vuex,Vue Server Renderer和vue-meta等插件的通用框架。它的应用范围很广,你可以用它来创建静态网站或单页面应用。

它有以下优点:

  • 基于Vue.js,Vue.js生态内的东西都可以为你所用;
  • 自动化路由处理,Nuxt.js封装了Vue-Router,并将路由自动映射到页面文件上;
  • 服务器端渲染。Nuxt.js使用了Vue服务器端渲染插件来处理,也提供了属性方便扩展;
  • 可生成静态网站。Nuxt.js提供了命令来生成HTML的静态应用,每个页面文件都有路由和store,可以部署在任意静态服务平台;
  • 基于Webpack。Nuxt.js项目中的文件的打包,压缩和编辑等都可以使用webpack来完成,和Vue.js一样使用vue-loader和babel-loader;
  • HTTP/2。Nuxt.js提供了一个属性来激活应用中的HTTP/2推送,无需客户端的请求就可以将响应推送给客户端;
  • 开发环境的热替换功能。得益于webpack和vue-loader,Nuxt.js项目在开发环境就可以使用代码的热替换功能,可以提升开发效率。

作者从“如何安装Nuxt.js”到“如何使用Nuxt.js生成一个项目”开始,再讲解Nuxt.js项目中每个目录的作用,以及如何写一个组件,如何实现路由及多级路由等,非常深入地教你开发一个Nuxt.js项目。最后,还讲到如何部署Nuxt.js项目。

希望这篇文章能够给你启发,对Nuxt.js有多了解,并能使用创建你想要的网站。

分享于 2018-10-20

访问量 2642

预览图片