方式一: 1.打开浏览器的设置,在设置里面点击扩展程序: (1)或者点击浏览器右上角的扩展程序: 2.扩展程序中有个“有个开发者模式”,要打开它 2.打开浏览器应用商店搜索vue下载: 2.点击vue.js devtools 下载 3.点击添加到浏览器 方式二: 1.首先打开Chrome的开发者模式
1.首先去github下载vue.zip文件插件(还有npm安装方法这里就不介绍了自行百度)下载地址:https://github.com/vuejs/vue-devtools 2.下载后解压 3.然后通过npm下载相关依赖,可能有些同学没有安装npm,博主也是,这里介绍下安装npm的方法。 从node.js中文网站下载node.js,里面包含npm 4.下载完成直接安装,因为博主已安装...
13.访问一个vue页面 按F12开发者工具,可以看到VUE控制台 希望能帮助到各位同学! 博主最近在研究Vue,无奈新手想安装Chrome的Vue插件,整理下安装流程: 1.首先去github下载vue.zip文件插件(还有npm安装方法这里就不介绍了自行百度)下载地址:https://github.com/vuejs/vue-devtools 2.下载后解压 3.然...
下载地址:https://github.com/vuejs/vue-devtools 选择下载zip文件 解压生成一个devtools-main目录,在该目录下打开终端输入npm install或者yarn (我本人用npm报错了,用yarn就ok) 下载成功后输入npm run build 最后把devtools-main --> packages -->shell-chrome 文件夹拖拽到浏览器的扩展程序里就 关闭浏览器,再...
1.获取安装包:考虑到网络原因,部分同学无法实现在线安装,这种情况下可以直接通过离线安装的方法来解决。 这里已经把安装包下载好了 点击下方公众号,回复关键字:chrome获取Vue.js Devtools插件安装包。 2.安装包下载好后,打开chrome浏览器的扩展程序界面...
首先去github下载vue.zip文件插件 不要去下载默认分支的 下载后解压 验证npm是否安装成功命令,打开CMD输入 node -v npm -v 如果出现对应版本号,说明安装成功 一个使用技巧,定位到文件夹下面:直接输入 cmd 可以直接定位跳到当下目录 输入cmd 如下:
1.拉取Chrome vue插件 github地址:https://github.com/vuejs/vue-devtools/tree/master 注意:一定是拉取master分支的代码 2.进入代码目录,执行npm install,完成后再执行npm run build(一定要执行这一步,否则加载扩展程序时会报错) 3.找到manifest.json文件(shells->chrome->manifest.json),做如下更改: ...
二、使用 Vue 开发 Chrome 插件 一、创建 Vue 项目 1. 使用 Vite 创建 Vue 项目 npm create vite@...
vue-devtools的安装方法一:github下载插件 1.登录github,获取到vue-devtools源码并下载下来。github下载地址:https://github.com/vuejs/vue-devtools 2.打开下载文件,在根目录下执行cmd命令来下载项目的依赖 : npm install (npm安装) 3.下载依赖结束之后,编译项目,执行cmd命令:npm run buildn(pm运行构建) ...
以下是Vue.js Devtools插件的安装步骤: 1.获取安装包:考虑到网络原因,部分同学无法实现在线安装,这种情况下可以直接通过离线安装的方法来解决。 这里已经把安装包下载好了 更多内容查看这篇文章: 2.安装包下载好后,打开chrome浏览器的扩展程序界面: 对于Chrome浏览器: 在地址栏中输入 chrome://extensions/ 并按Enter...