不借助 NuxtJS 下開始動手架起一個 VueJS 的架構,我們會使用 Webpack 建立起有 hot-reload 的開發環境。
開發環境
為了有效地在本地開發,最近使用了 Visual Studio Code [https://code.visualstudio.com/] 為開發工具 (以下簡稱
VSC )。雖然是 Microsoft 開發的工具, 但背後跟 Github 開發的 Atom 使用了相同的 Electron 架構來開發,
更新PM2 2.4.4後發現NuxtJS也可以正常Hot Reload,加上forever多次發生loading
100%的問題,所以全面改用PM2作NuxtJS的管理。
$ pm2 update
$ pm2 -v
2.4.4
更新到最新版本
使用PM2管理NuxtJS
想好好管理NuxtJS使用PM2還是最方便,因為即使出現問題,restart 15次後說會暫停你的應用程式,以免對伺服器有過大的負擔。
由於要使用npm script來啟動NuxtJS,普通pm2 start的方式起動不了
$ pm2 start npm --name AppName --
簡化版的Vue2架構
發現了NuxtJS [https://nuxtjs.org]這東西,可以簡易取代webpack+express+router
的部份,雖然我已經完成了Webpack+Express架構部份。但是router跟server side
render沒NuxtJS方便,而NuxtJS的概念是跟據React的NextJS做成,其中hot reload部份對開發十分有幫助。
Nuxt.js這東西是整合了Vue2 [https://vuejs.org/] + Vue-Router [https://router.vuejs.org/]
+ Vuex [https://vuex.vuejs.org/
由以前慣用的Wordpress轉到來Ghost,可真學習了不少東西,首先是慣用的http server改成Node.js
[https://nodejs.org/],跟以前安裝一個應用程式完全不同的概念。
為什麼要用Ghost?
2015年由NYS網站 [https://www.nys-hk.com/]開始,幾乎所有平台也轉了做Wordpress
[https://wordpress.org/]
,這個最多人使用的CMS平台。不過好景不常,用起來很多Functions也要安裝Plugin,Multipurpose的theme不便宜,而且多數配搭了Visual
Composer,使用起來看似很方便,但按來按去還不如我自已用CSS比較快。
最後在朋友介紹下轉用Ghost [https://ghost.org/]。
Ghost是什麼鬼?