Nuxt 簡介

Nuxt 是什麼

Vue 再進階的框架 NUXT for Vue.js 的 framework vue config preset > 預設定問題 for UI render > SSR(server side render) 解決 SEO 問題 靜態產生 pre-render > 直接產生靜態產生(因為 Vue 無法直接上傳到 gitpages 直接看程式碼，需部署) single page > 原始的 Vue

Nuxt 有什麼

Vue + VueRouter + Vuex + webpack + babel

Nuxt 主要功能

SSR(server side render)

• 有 nuxt 就不用 Vue-cli 但有些地方可以用 Vue-cli(兩個相似)
• SPA(單頁網站) > Vue-cli

Nuxt 開發環境

Node.js npx 是什麼 npm 5.2 之後就有的工具 npm & npx 差異 (opens new window)

Nuxt rendering mode

• universal > SSR
• single page app

Nuxt 資料夾結構

assets > img, scss > 壓縮轉譯 layouts > page 要使用哪個 layout(Quasar) pages > router 要進的頁面 plugins > 套件 static > 靜態檔案 server > 後端資料庫