安装套件

今天要介绍的是在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标签就可以使用啦