如果要用 Vue 寫 Server-Side-Render 的話，通常會想到 Nuxt。
Nuxt 除了可以寫 SSR 之外，也可以寫 SPA，以及生成靜態網站。
但他原本是一個「什麼功能都幫你封裝好」的框架，讓你可以透過簡單的設定，就做出一些常用的功能。
如果有用過 Vue CLI 的話，會覺得 Nuxt 跟他有點像，但 Nuxt 有更複雜的部份，算是一個更進階的框架。
今天來講一下如何安裝 Nuxt 以及寫個簡單的 Hello World。
關鍵字： 路由轉場, 參數傳遞, inheritAttrs, keep-alive
這篇文章要來講如何用 webpack 蓋出一個 SPA 的前端打包程序。
這些事情在 Vue-CLI 裡面只要一個 serve/build 就搞定了，但是如果要自己用 webpack 做出類似的打包該怎麼做？
如果你對 webpack 不熟悉，可以到 webpack 教學文件 做到「起步」的步驟，大概就會有點概念了。
先說明一下我的開發語言：
來列一下 Vue-CLI 支援什麼：
以上就是這篇文章要實現的功能。
pocket-random 要實作的功能有：
這篇文章主要紀錄 隨機顯示文章 這個功能的資料結構思考過程。
話說，為什麼要思考這樣的東西，原因是需要確定資料庫的資料格式，同時也是要整理程式的流程。
考量整體之後再決定資料結構，以免寫到一半又要大改。
我怎麼會說又呢orz
Github repository
(git master commit : 9bc555a335e9c844e014a656cc3d519b7bccd6bc)
Pocket API Authentication
等我有空再把內容寫出來。
接下來要實作的是使用者用 Pocket 帳號登入的部分，列一下他的步驟。
前端自動化工具，使用 Node.js。
目前已經知道的用途(很多)：
npm install -g gulp-cli然後開一個 Node.js 專案，並安裝 gulp
npm init
npm install
npm install gulp --save就搞定了
在專案資料夾第一層建立 test.js ，裡面：
var gulp = require("gulp");
gulp.task("copyHTML",()=>{
return gulp.src("./source/*.html")
.pipe(gulp.dest("./public/"))
})作用：將 source 底下的所有 html 檔案複製到 public 底下
cmd 到 專案目錄下：
gulp copyHTML