Vue-cli 基礎入門 - 2018

因近期重建自己的個人網站，偷懶不想慢慢設定環境，就直接越級打怪用 Vue-cli 來加快開發速度，期間也踩了不少坑，因此寫個筆記來記錄一下，順便將一些心得分享給有需要的人。

此次分享主要放在 vue-cli 基礎架構及使用，適合剛接觸的人閱讀，尤其是〈專案結構概略〉，雖然比較繁雜無聊一點，但弄懂結構對日後開發絕對有 +10 的幫助，也希望日後有機會再分享更進階的應用。

〈勇闖十里坡〉－安裝 Vue-cli，建立並執行 Webpack 專案

〈專案結構概略〉－不再霧裡看花，一篇略懂檔案配置

〈基礎開發〉－利用 vue-cli 架構第一個網站（範例）

〈新手問與答〉－如果你都沒仔細看前幾篇，這裏或許可以找到答案

下列為本次安裝版本及電腦環境，在安裝過程是沒有遇到什麼相容的問題，提供給大家參考。

以上皆屬個人經驗分享，並非唯一做法，如有資訊錯誤或其他問題，也歡迎來信指教。
Email :[email protected]

概略