Vue的安装方式：

1. 直接用script引入（推荐）。
   

2. 运用NPM和命令行工具来搭配引入。

引入Vue

如图新建文件，并在指定位置中引入下载的js包：

在html文件中引入vue：

    <!--引入Vue-->
    <script type="text/javascript" src="../js/vue.js"></script>

成功引入后我们可以打开该html对应的页面，并按f12在Console中看到如下的反馈：

下载Vue的开发者工具

Chrome的Vue开发者工具官方一般的下载方式是访问谷歌的网上应用商店搜索 “vue-devtools” 来下载（需要翻个墙)，不会翻墙的国内资源挺多的可以找找看，或者firebox浏览器可以不用翻墙直接搜索，可以用火狐。

安装完成之后，进入拓展程序，打开右上角的开发者模式（默认是关闭的）：

而后点击开发工具组件中的“详情”，勾选“允许访问文件地址”

然后我们回到之前打开的自己编写的“初始Vue”页面，刷新一下，就可以发现那个缺少开发者工具的提示已经消失了：

说明我们的Vue开发环境已经配置好了，至于还剩的那一个提示，意思是提示我们现在在用的是Vue的开发版本。