Vue使用Nuxt.js進行伺服器端渲染

Nuxt.js 項目建立

• 基于 Vue.js
• 自動代碼分層
• 服務端渲染
• 強大的路由功能，支援異步資料
• 靜态檔案服務
• ES6/ES7 文法支援
• 打包和壓縮 JS 和 CSS
• HTML 頭部标簽管理
• 本地開發支援熱加載
• 內建 ESLint
• 支援各種樣式預處理器： SASS、LESS、 Stylus 等等

1. 建立項目： npx create-nuxt-app <項目名稱>
2. 執行上述指令會進行一些依賴按照，緊接着會有一些簡單配置
   1. 在內建的伺服器端架構之間進行選擇
   2. UI架構
   3. 測試架構
   4. Nuxt的模式(Universal or SPA)
   5. 添加 axios module 以輕松地将 HTTP 請求發送到您的應用程式中
   6. 添加 EsLint 以在儲存時代碼規範和錯誤檢查您的代碼
   7. 添加 Prettier 以在儲存時格式化/美化您的代碼
3. 安裝中ing.....

Nuxt.js 特點

• 基于 Vue.js
• 自動代碼分層
• 服務端渲染
• 強大的路由功能，支援異步資料
• 靜态檔案服務
• ES6/ES7 文法支援
• 打包和壓縮 JS 和 CSS
• HTML 頭部标簽管理
• 本地開發支援熱加載
• 內建 ESLint
• 支援各種樣式預處理器： SASS、LESS、 Stylus 等等

更多Nuxt.js的配置、使用請檢視https://zh.nuxtjs.org/guide/views/#%E9%A1%B5%E9%9D%A2