vue-devtools: 是一款基于chrome的 vue 开发工具,可以查看VUE项目的原始代码(vue标签),而不是编辑后的html标签。
安装:
一. 可以直接在chrome商店里直接下载安装,不过需要翻墙。
二. 下载vue-devtools代码,自己手动编译并安装这个插件。
1. 从github上下载代码,vue-devtools
https://github.com/vuejs/vue-devtools
2. 下载完成后安装包的依赖
npm i
3. 依赖安装完成后,编译代码,生成插件
npm run build
4. 打开chrome的扩展程序,并安装插件
扩展程序 -> 添加已解压的扩展程序 -> 选择(vue-devtolls/shells/chrome)目录
5. 重启chrome,打开开发者工具,可以看到工具上方的导航中多出一个Vue项目。