vue devtool的安装与使用

vue devtool是chrome的一个调试插件，翻不了墙的话只能手动安装，方法如下：

1.首先是下载：
https://github.com/vuejs/vue-devtools

选择下载安装整个ZIP压缩包

2.然后进行解压缩，并在解压后的文件夹里面打开命令提示符，

命令提示符应该是这个路径（自己的软件放置路径）

升级一下npm，输入：npm install npm -g
（此步骤没有npm的话自己装一下npm，npm对于node.js相当于pip对于python）

3.然后在相同的路径里面输入：npm install
再输入：npm run build
这两步比较耗时

4.在编译好的文件夹找到manifest.json这个文件，一般所在的路径是：
自己安装的路径\vue-devtools-dev\shells\chrome\manifest.json
然后打开这个manifest.json,修改：

将persistent的值改为true

5.打开chrome浏览器的扩展程序，

打开开发者模式，然后将文件中的一整个chrome文件直接拖到浏览器扩展程序页面随便一个空白的地方，chrome就会自动加入这个插件了。

vue devtool的安装与使用相关推荐

vue -devtool
CSDN首页首页博客程序员学院下载论坛问答代码直播电子书最牛小程序:想要的资源都能搜到? 会员中心收藏动态消息15 创作中心 vue调试工具vue-devtools安装及使用 ...
vue - cli 脚手架安装
一. node安装 1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v (检查一下版本): 2)如果执行结果显示: xx 不是内部命令,说明你还没有安装node , ...
关于node.js 和vue.js的安装、卸载、浏览器测试问题？
关于node.js 和vue.js的安装.卸载.浏览器测试问题? 最近忙于深入研究vue.js框架的适用问题,所以顺带也有必要系统的研究一下node.js是怎么一回事?! 闲话不多说,直接上文章链接: ...
Vue调试工具的安装方法（动动鼠标就完成，不会意外报错，超爽~）
Vue调试工具的安装方法 1. 打开谷歌浏览器的网上应用商店并搜索谷歌浏览器的网上应用商店 https://chrome.google.com/webstore/category/extension ...
vue的下载安装和使用
一.vue的下载 vue的下载安装的方式有多种,具体详情可以查看vue.js的官方文档:vue.js官方文档. 先写一种,其他的以后补充. 1.使用script标签的的方式引入vue.js 第一步:下 ...
从零开始学VUE之IDEA安装VUE插件
IDEA安装VUE插件本身IDEA是不支持VUE的,需要安装插件,在file->settings->plugins中搜索VUE安装即可作者:彼岸舞时间:2021\05\31 内容关于 ...
VUE基本使用---安装、开始使用介绍、Vue实例、模板语法、计算属性和侦听器、class与style绑定
原文在我的博客:https://www.liboer.top/articles/detail/vue-BasedUse/ 文章目录 VUE.js 基础安装 CDN 下载安装命令行工具(CLI脚手 ...
Vue调试工具的安装
Vue调试工具的安装第一种方法: 1.chrome浏览器输入地址"chrome://extensions/"进入扩展程序页面 2.点击右上角按钮,勾选开发者模式 3.点击&quo ...
Vue脚手架的安装（保姆级教程）
Vue脚手架的安装(保姆级教程) 文章目录 Vue脚手架的安装(保姆级教程) 1.下载vscode 2.node下载 5.Vue脚手架的安装 6.创建Vue项目 7.项目的运行 1.下载vscode ...

vue devtool的安装与使用

vue devtool的安装与使用相关推荐

最新文章

热门文章