vue-dev-tools安装到使用全过程，不上外网

vue-dev-tools安装到使用全过程，不上外网

前置条件：

	你的 node-js ，npm，cnpm都安装好了，环境变量、global、cache什么的都设置好了。这也是学vue之前必备的。
	接下来，win+r , 调出命令窗口，输入以下内容：

cnpm install -g vue-devtools

接下来，，你去你的nodejs 安装目录，进入node_global —> node_modules ， 会发现到vue-devtools 。打开这个文件夹，找到 render文件夹。

打开你的谷歌浏览器，

之后，打开 开发者模式选项，

点：加载已经解压的控制程序，出现文件选中框，选中刚才的vender文件夹，点ok。

这时，我们已经装好了。打开

哔哩哔哩 (゜-゜)つロ 干杯~  https://www.bilibili.com/

右键选中检测，会发现控制台那一栏，没有vue选项。点击绿色框框，vue选项由灰变绿了。

哔哩哔哩页面毕竟不是我们的项目，我们无法对其进行调试，不用管。
我们调试我们自己的项目，也会发现没有vue选项，接下来解决这个问题：

打开vender文件夹，选中绿色框框的文件 manifest.json,如下图，选中以记事本打开；

找到我用“绿色”标记的那一行，原先是false，把它改成true。
万事大吉。

以后你写的vue程序都可以用这个工具调试了，但是要注意一点，在引入vue的包时，必须引入vue.js ， 而不是 vue.min.js 。
官方也建议使用vue.js。
下图是成功时的图片：