【vue】--- 调试工具vue-devtools的安装

一、可以在chrome商店中下载安装，当然需要FQ哈，你懂得~；
二、手动安装（重点介绍）：

1. 将github上项目文件克隆到本地，https://github.com/vuejs/vue-devtools；

git clone https://github.com/vuejs/vue-devtools

2. 安装依赖：

npm i 或者 npm install

3. 依赖安装完毕，运行命令来对文件进行编译：

npm run build

4. 打开chrome，可以输入 chrome://extensions/，也可以点击右上角三个点 => 更多工具 => 扩展程序，来进入扩展程序页面（我的chrome版本为73）；
   
   

   捕获.PNG
   
   点击 加载已解压的扩展程序(如果没有这个选项，请勾选开发者模式)，然后选择 vue-devtools => shells => chrome 文件夹即可；

5. 添加完成；

   
   
   

   1264576-20171219160833631-1109743044.png

6. 打开F12开发者工具，会多出vue选项一栏，可以在里面看到组件、vue对象等的一些信息啥的~；

   
   
   

   1264576-20171219161143459-827988375.png