vue-devtools chrome 开发工具

vue-devtools: 是一款基于chrome的 vue 开发工具，可以查看VUE项目的原始代码（vue标签），而不是编辑后的html标签。

 

安装：

　　一. 可以直接在chrome商店里直接下载安装，不过需要翻墙。

　　二. 下载vue-devtools代码，自己手动编译并安装这个插件。

　　　　1. 从github上下载代码，vue-devtools　

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

　　　　2. 下载完成后安装包的依赖

npm i   或者    yarn install

　　　　3. 依赖安装完成后，编译代码，生成插件

npm run build

　　　　4. 打开chrome的扩展程序，并安装插件

　　　　扩展程序 -> 添加已解压的扩展程序 -> 选择(vue-devtolls/shells/chrome)目录

　　　　5. 重启chrome，打开开发者工具，可以看到工具上方的导航中多出一个Vue项目。