【Vue.js 學習筆記】01. 相關資源與工具設置

這邊先列出在第一階段學習過程中，所會使用到相關資源與工具。

官網上有提供相關文件可供學習。

課程中講師使用的是 Visual Studio Code 搭配延展模組 vue 、 Vue 2 Snippets 與 Preview on Web Server 。

其中， vue 與 Vue 2 Snippets 是提供 Vue 的 Highlight 與 Snippets 功能，算是第二階段才會使用的的工具，

主要作用在 .vue 檔上。而 Preview on Web Server 顧名思義就是在瀏覽器上預覽網頁，若啟動這個套件時遇到錯誤訊息，

也可以改用另一個套件 Live Server 。

因為 Vue.js 是以資料驅動的一種架構，因此開發過程需要觀察當時資料是否符合預期。

除了直接透過 console 觀察資料外，也可以透過 Vue.js devtools 來觀察甚至修改資料，相關操作可以看這篇教學。

因為可以直接修改資料，建議網站上線前務必關閉除錯功能。

/* 關閉vue-devtools */
Vue.config.devtools = false;

/* 關閉錯誤警告 */
Vue.config.debug = false;