开始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文件夹即可
领取专属 10元无门槛券
私享最新 技术干货