chrom安装vue插件

[vue-devtools在google浏览器下安装扩展]
下载vue-devtools,地址: https://github.com/vuejs/vue-devtools
解压到对应目录, D:\ProgramFiles\vue-devtools-dev
  1. 进入解压的目录中,npm install

npm install #可能需要静心等待一段时间

image
  1. npm run build
image
  1. 修改配置文件,D:\ProgramFiles\vue-devtools-dev\shells\chrome 目录 manifest.json 文件, "persistent": true
image
  1. Open Chrome extension page
image
  • Check "developer mode"

image
  • Click "load unpacked extension", and choose shells/chrome.

image
image
  1. 在插件目录vue-tools下执行下面命令,这样插件就会安装在浏览器中了,以后再运行项目,就不需要再执行这个命令了。

npm run dev

  1. 验证
image
  1. 如果后期vue面板不出来,再到vue-devtools文件夹下执行一遍npm run dev。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容