開發環境安裝
安裝VS code
安裝VScode套件 - Live Server 當簡易伺服器，也有人推薦Preview on Web Server，但我安裝後有錯誤無法排除
安裝完後，打開你的專案，點擊右下角的「Go live」，就可以在local端run起你的專案，網站會預設run在http://127.0.0.1:5500/下
- 安裝chrome套件-Vue Devtools觀察資料的變化使用
安裝完後，打開chrome只要是透過vue.js開發的網站，都可以使用
打開的方式是滑鼠右鍵選檢查，再選擇vue頁籤，即可看到畫面中所使用到的data
使用vue
要使用vue有兩種方式
第一種：使用 CDN 引入
1
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js"></script>
第二種：使用vue cli 建置專案
透過command line的方式來快速建置專案，CLI v3 之後更提供了圖型化介面來管理
一開始練習可以使用第一種方式進行
vue 版本
版本分為：
開發版本
支援開發人員工具以及提示報錯等的協助，可以透過F12查看錯誤提示，錯誤訊息也會寫得比較仔細，適合開發時使用。可以透過上面提到的Vue Devtools進行除錯。正式環境版本：
將開發工具都拔除，盡量縮小它的體積，雖然也會有錯誤訊息但不會寫得很仔細，適合在正式環境時使用。
被壓縮過，不能使用Vue Devtools來觀看。
另外，好像利用cli build出來都會是生產版本？(有待我之後學到，再回來更新)