由於最近正在學習Vue.js，恰逢鐵人賽開跑，猶豫一番後還是選擇了參賽，想說至少多給自己一點進步的動力。尤其遇到卡住的地方，在解決後趁思路清晰時寫下來是最好的辦法。以及如果有機會幫助恰好看到這篇文章的人，碼字花的時間也就值得了。

在此特別註明一下，這系列基本上全程都是使用Vue-cli，會包含單純引入Vue.js以外的功能，甚至其他套件等。由於開賽後便不允許改題目，所以如果是Vue以外的內容，會備註於標題上。

文章內使用工具：

• Visual Studio Code | v1.49.0
• Node.js | v12.16.2
• Vue-cli | v6.14.4
• Vue | v2.6.12

練習素材則是六角學院的課程《Vue出一個電商網站》，本系列文不會詳述每個步驟，而是寫下自己認為的重點，以及遇雷掃雷的過程。不過在寫作之初還是給自己訂下一些規則，盡量避免為了完賽而發表流水帳：

1. 一篇文章（盡可能）只解決、說明一個問題點。
2. 保持簡短扼要。
3. 在2的前提下，盡可能說明完整。

以下目錄鏈結：
[Day2] Vue-cli 無法使用環境變數？
[Day3] Vue-cli 子路由的路徑無效？
[Day4] Vue-cli 阻擋、重新導向未定義的路由

那就開始這次的鐵人賽囉，雖然是單純的學習紀錄，還是集氣一下祝願自己能夠順利完賽～