mac安装vue-devtools

1.到github下载vue-devtools 的压缩包

git clone -b add-remote-devtools https://github.com/vuejs/vue-devtools.git

2.在vue-devtools目录下安装依赖包

cd vue-devtoolssudo npm install

然后输入电脑密码(加上sudo为了避免权限问题部分依赖无法安装）

3.修改manifest.json文件

进入vue-devtools-dev文件夹下的shells -> chrome -> manifest.json
把"persistent":false改成true

4.编译npm run build

5.添加至谷歌浏览器

打开chrome浏览器的扩展程序页面，可通过以下方式进入页面：

1、谷歌浏览器-->设置-->拓展程序-->打开“开发者模式”

2、浏览器输入地址： chrome://extensions/-->打开“开发者模式”

添加拓展程序vue-devtools

将chrome文件（vue-devtools -> shells -> chrome）直接拖进去即可。
点击“加载已解压的拓展程序”，选择vue-devtool中的chrome文件夹，成功看见如下界面：

搞定~~

mac安装vue-devtools相关推荐

安装vue Devtools学习记录
在学习vue之前,建议使用Google chrome上安装vue devtools拓展工具.vue devtools提供界面供我们查看vue组件和全局状态管理器vuex中记录的数据. 有条件的可以直接 ...
安装Vue Devtools调试工具插件
Vue Devtools是Vue官方推出的浏览器插件,可以算是Vue开发调试神器,它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化,让你告别console大法.非常好用,谁用谁知道,Vu ...
mac 安装vue全网最详细教程
1.安装vue: 下载安装包(选择macOS 安装包 (.pkg):下载 | Node.js 中文网直接点击下载包一直无脑点下一步安装查看版本号,检测是否安装成功:npm -v 2.安装cnpm: ...
在火狐浏览器安装vue devtools【简单、快速】
1.打开火狐浏览器 2.添加组件 3.搜索vue devtools 4.点击第一个 5.点击添加到火狐 6.在跳出的框中点击确认添加 7.到此添加成功 8.按F12就可以看到vue扩展程序了
在浏览器上安装 Vue Devtools工具
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码. 1)首先在github下载devtools源码,地 ...
浏览器安装Vue devtools
1.下载地址: https://github.com/vuejs/vue-devtools 建议大家下载v5.1.1,这样中间出现错误比较少 2.点击下载zip后解压 3.打开cmd,这里希望大家以管 ...
谷歌浏览器安装Vue Devtools
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码. 1.首先在github下载devtools源码,地 ...
mac 安装vue脚手架
一.安装node.js node.js官网在终端中输入 node -v 出现版本号,说明安装完毕二.配置淘宝镜像 npm config set registry http://registry.n ...
3.Mac安装Vue出现的问题解决方案：Error: EACCES: permission denied
问题描述:当执行 vue init webpack 时,终端报错为: Error: EACCES: permission denied, unlink '/Users/xxx/.vue-templat ...
安装Vue Devtools extension
本安装方法来自博主KaiSarH 克隆 vue-devtools仓拉取的分支默认是dev分支,现切换至master分支:git switch master 安装依赖:npm install 构建:n ...

mac安装vue-devtools

mac安装vue-devtools相关推荐

最新文章

热门文章