Vue的安装及Vue devtools插件的安装配置

       今天学习了一手Vue，看了下网上的安装教程琢磨了半天，通过git命令之类的方法不太熟练，于是就直接手动下载安装了，绕了一些路，希望能给大家一些帮助，节约点时间，下面是流程。

一、Vue安装

首先进入Vue.js 中文文档网站里

接着选择安装，翻到下面的直接用<script>引用选择开发版本下载

下载完成后是一个js文件，放在一个好记的地方以后导入就可以直接使用了。

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

---

二、Vue devtools安装及配置

首先下载Vue devtools的crx文件

下面是链接：

链接：https://pan.baidu.com/s/1FHPvEsAXP3boyPTXGrGTrw 
提取码：6666

下载完成后打开谷歌浏览器，打开设置，选择拓展程序，直接把crx文件拖到里面安装

 完成后应该是这个样子

 下面是重点，选择插件还会显示Vue.js not detected

此时先到devtools的安装目录，修改manifest文件中的persistent为true

 

 完成后保存，再回到chrome浏览器中打开拓展程序打开devtools的详情

 将允许访问文件网址给勾选上

 最后重启chrome，插件编程绿色代表安装成功。