mac下安装Vue DevTools

一、下载

  去Vue DevTools 项目的官方主页GitHub上下载。因为直接在Chrome应用商店下载需要翻墙。
  官方地址:https://github.com/vuejs/vue-devtools.git

二、安装项目所需的依赖包— npm 包

  进入下载好的vue-devtools-dev文件夹的目录,通过命令输入以下代码

   npm install

三、编辑项目文件

  npm run build

四、修改persistent

  进入vue-devtools-dev文件夹下的shells -> chrome -> manifest.json ,找到persistent,将其值修改为true

修改persistent

五、添加至Chrome浏览器

  1、打开chrome浏览器的扩展程序页面,可通过以下方式进入页面:
   - 浏览器输入地址: chrome://extensions/
   - 浏览器右上角 — 更多工具L — 扩展程序(E)


  2、将chrome
文件(vue-devtools-dev -> shells -> chrome)直接拖进去即可。

六、打开本地项目(localhost:8080)

,进入开发者模式即可看到。
  小贴士:有时候看不到是因为窗口太小了,被藏起来了,可以点击》找到 vue


1

2

   可以选中它,然后拖动它调到自己想放的位置。


展示
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容