Nuxt.js學習心得

1、官網

Nuxt.js - Universal Vue.js Applications  https://nuxtjs.org/

2、中文官網

Nuxt.js - Vue.js   通用應用框架   https://zh.nuxtjs.org/

3、關聯學習

Vue SSR 指南   https://ssr.vuejs.org/zh/

4、概念介紹

 Nuxt.js 是什麼？ 

Nuxt.js 是一個基於 Vue.js 的通用應用框架。

經過對客戶端/服務端基礎架構的抽象組織，Nuxt.js 主要關注的是應用的 UI渲染。

咱們的目標是建立一個靈活的應用框架，你能夠基於它初始化新項目的基礎結構代碼，或者在已有 Node.js 項目中使用 Nuxt.js。

Nuxt.js 預設了利用Vue.js開發服務端渲染的應用所須要的各類配置。

除此以外，咱們還提供了一種命令叫：nuxt generate，爲基於 Vue.js 的應用提供生成對應的靜態站點的功能。

咱們相信這個命令所提供的功能，是向開發集成各類微服務（microservices）的 Web 應用邁開的新一步。

做爲框架，Nuxt.js 爲 客戶端/服務端 這種典型的應用架構模式提供了許多有用的特性，例如異步數據加載、中間件支持、佈局支持等。

特性 

基於 Vue.js
自動代碼分層
服務端渲染
強大的路由功能，支持異步數據
靜態文件服務
ES6/ES7 語法支持
打包和壓縮 JS 和 CSS
HTML頭部標籤管理
本地開發支持熱加載
集成ESLint
支持各類樣式預處理器： SASS、LESS、 Stylus等等

5、快速搭建

 安裝 vue-cli 

npm install -g vue-cli

使用 starter 生成項目

vue init nuxt-community/starter-template <project-name>

 進入項目，安裝依賴

cd <project-name> 

npm  install 

 測試運行項目

npm run dev

 不出意外項目應該會運行在 localhost:3000 上，那麼到此，項目的新建就已經完成了