在撰寫 Vue 之前先講講會用到的工具吧!!!
Vs code
好準備完以上工具以後先做工具的測試!!!
把整個資料夾丟到 vscode 裡,長得會像下圖:
在裡面可以看到 index.html,使用 preview on web server 打開並按下『基礎教學』。
打開檢查測試剛安裝的 chrome 插件,因為 vue 是用資料來驅動畫面,所以在除錯的時候資料是不斷變動的,所以我們沒辦法知道目前資料狀態,這個時候就會需要這個插件來除錯。
完成以上明天開始就可以開始學習 Vue 囉!!!!