第 11 屆 iThome 鐵人賽
在撰寫 Vue 之前先講講會用到的工具吧！！！
Vs code
Preview on Web Server
vue
Vue 2 Snippets
Vue.js devtools
教材
好準備完以上工具以後先做工具的測試！！！
把整個資料夾丟到 vscode 裡，長得會像下圖：
在裡面可以看到 index.html，使用 preview on web server 打開並按下『基礎教學』。
打開檢查測試剛安裝的 chrome 插件，因為 vue 是用資料來驅動畫面，所以在除錯的時候資料是不斷變動的，所以我們沒辦法知道目前資料狀態，這個時候就會需要這個插件來除錯。
完成以上明天開始就可以開始學習 Vue 囉！！！！
IT邦幫忙
iThome鐵人賽
看影片追技術