VueJS

新手 VueJS 2 + Webpack 開發設定

不借助 NuxtJS 下開始動手架起一個 VueJS 的架構,我們會使用 Webpack 建立起有 hot-reload 的開發環境。 開發環境 為了有效地在本地開發,最近使用了 Visual Studio Code 為開發工具 (以下簡稱 VSC )。雖然是 Microsoft 開發的工具, 但背後跟 Github 開發的 Atom 使用了相同的 Electron 架構來開發,速度跟 Atom 相比有過之而無不及,而且最大的好處是原生功能比

  • Edmond Yip
    Edmond Yip
4 min read
NodeJS

用NuxtJS取代Webpack+Express

簡化版的Vue2架構 發現了NuxtJS這東西,可以簡易取代webpack+express+router的部份,雖然我已經完成了Webpack+Express架構部份。但是router跟server side render沒NuxtJS方便,而NuxtJS的概念是跟據React的NextJS做成,其中hot reload部份對開發十分有幫助。 Nuxt.js這東西是整合了Vue2 + Vue-Router + Vuex + Vue-Meta + Express + Webpack而成,能快速組成基本開發架構,省下不少時間。 Ubuntu 16.04.1 LTS NodeJS 6.9.4 npm 3.

  • Edmond Yip
    Edmond Yip
1 min read
NodeJS

Rebuild NYS

NYS網站幾乎每年都重建一次,今年亦不例外,今次我希望不再受open source所限制,直接用JS Framework寫成網站,那麼以後database也可以重用,免去轉平台時要把資料轉移的痛苦。 重設伺服器 一直在使用Linode雖然性能不錯,但是對開發環境不是相當友善,在搜尋開發的文章時常常也是找到DigitalOcean的官方文章,感覺對開發者的支援相當好,回想之前也有一個Wordpress來寫上一個版本NYS的開發過程。不過現在的Linode未過期,暫時繼續使用吧! 看看我原有的伺服器還是Ubuntu 14.04 LTS,在備份舊資料後就重置成最新的Ubuntu 16.04 LTS。再以Nginx來做Proxy Server及管理SSL。什麼PHP,MySQL,Apache也不需要了,因為我要使用全新的Framework來做開發。 開發環境 承上篇文章,我打算以Vue2為framework進行開發,

  • Edmond Yip
    Edmond Yip
2 min read