今天要介紹的是在Chrome和VS Code中所安裝的套件
在chrome中安裝Vue.js devtools套件
這是一個方便我們在使用Vue製作網頁時可以觀察資料變化的套件，安裝後當我們開啟用Vue製作的網頁後，在網頁中按F12或按檢查時就可以使用了!

接下來是在VS Code安裝的兩個套件，一個是cdnjs另一個是Live Server

cdnjs是為了要讓我們在需要使用CDN的時候能夠透過這個套件快速的插入我們需要使用到的CDN，安裝後在VS Code中按F1，在輸入框中輸入cdnjs然後輸入你要插入的工具，他就能直接幫你插入script標籤

Live Server是可以讓我們很快看到自己所做出的網頁成果，所以只要安裝完這個套件，建立一個專案存檔後按右鍵點選Open with Live Server他會跳到網頁就可以看到自己設計的網頁了!

再來是建置HTML架構的快捷鍵，使用「!+Tab」就能快速建置好HTML的架構

最後要介紹的是導入Vue.js的方法
我們到Vue.js的官網會看到他提供了使用NPM導入或是直接用CDN的script標籤導入，所以如果沒有在VS Code中安裝cdnjs的套件而你是要使用插入cdn的方式，也可以直接複製官網的script標籤就可以使用啦