首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MAC 安装 谷歌浏览器 vue-devtools详细说明

开始VUE学习之旅之前,我们需要对开发环境做相应的配置,vue-devtools便是我们需要准备的重要配置之一,我们以谷歌chrome浏览器为例,进行详细的安装说明,这个说明不仅限于mac,windows平台也是一样,下面是详细步骤:

1、确保你的电脑已经安装了包管理工具,这里选择的是homebrew,不晓得安装步骤的同学,建议自行查看安装说明

2、安装完homebrew之后,我们需要安装node环境,方便对我们的vue-devtools进行动态编译,安装node命令如下

3、安装完成node之后,网络没问题的同学可以从github下载需要编译的原始文件

网络不好的同学可以通过码云的链接进行下载

4、安装完成之后,我们找到vue-devtools文件夹执行一下命令

5、此时我们就可以得到编译之后的谷歌浏览器需要的扩展包,我本地mac的路径为/Users/alailispring/vue-devtools/shells/chrome

6、谷歌浏览器-扩展程序-加载已解压的扩展程序-选择vue-devtools里面的chrome文件夹即可

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20211004A00EGE00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券
http://www.vxiaotou.com