[转]Vue-Devtools安装配置教程(献给伸手党)
原文地址:https://blog.csdn.net/weixin_38654336/article/details/80790698
可以先看视频教程:链接
最简便的方法是用FQ来通过google应用商店进行安装,但是大多数人还是处在非FQ的状态
尝试过安装Node的方法来安装,但是极其不建议用这个方法安装,非常麻烦,而且必须要有node的基础,非常不接地气
下面来一个最简便的方法(送给伸手党):
查看过很多博客大多数都是,要安装Vue-Devtools,在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件。然后呢,你就要用npm进行install,然后再npm install build。所以这意味着你又要去找npm来装,你会发现,最简便的方法就是下一个集成的node.js。一番辛苦了之后,你就会发现npm安装好了之后,npm install build又会出现一大串的问题。请问哪有那么多时间去google,baidu这些问题?你要的只是简单的安装一个的调试工具,而你又不想FQ。Here we are:
上GitHub,下载一个已经用npm处理过的Devtools源码,而且已经给你配置好了manifest.json和webpack.config.js文件,已经处理好了,拿来就用。啥也不说了,直接到我的GitHub上找:链接
下下来之后打开google浏览器,输入地址chrome://extensions/ ,点击加载已解压的扩展程序
进入到Chrome文件夹下,点击确定:
我这里是把整个Vue-Devtools适配所有的浏览器源文件都安装了,而你只需要要chrome浏览器的源码就行,所以直接用我GitHub上的Chrome文件夹就行,点击确定
确定完了之后就会发现链接栏的右边有个V的标志,证明已经成功,但是此时会有很多人F12之后依然在调试界面看不到Vue,有可能是因为你写的程序引用的vue文件是一个vue.min.js文件,是个压缩文件,这个压缩文件是默认不支持调试的,具体怎么调支持调试就请自行baidu吧!这里只需要把你引入的文件的源码,编程Vue.js的就行,不要压缩版的。如果还不行,可以尝试下关闭浏览器再打开。
这样就已经安装调试成功了。
相关文章
- Vue笔记:安装配置node.js及使用vue-cli创建项目
- Vue_(Router路由)-vue-router路由的基本用法
- VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i
- [Nuxt] Build a Vue.js Form then use Vuex Actions to Post to an API in Nuxt
- vue.js3:用qrcode-parser解析二维码图片(vue@3.2.36 / qrcode-parser@2.0.4)
- ubuntu21.04(linux):为chrome安装vue-devtools(6.0.0 beta 14)调试插件
- ubuntu21.04(linux):安装node(14.17.1)和vue.js3.1环境
- 在Vue项目中使用vw实现移动端适配
- [Nuxt] Build a Navigation Component in Vue.js and Use in a Nuxt Layout
- vue.js3: 安装使用vue-router(vue-router@4.0.16 / vue@3.2.37)
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- vue.js3.x安装tinymce 5.8.2并应用(vue 3.0.5)
- Vue中使用element-ui的el-dialog对话框,实现拖拽效果(整理)
- 怎样在vue中安装、配置vue-axios|axios
- npm install vue@next安装最新vue版本
- 创建Vue工程常用的命令
- 如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
- 051:vue+openlayers使用layerswitcher切换图层(示例代码)
- 在Vue项目中引入 ECharts 3D 路径图 Flights GL(需安装echarts、echarts-gl、jQuery依赖,已踩坑)
- Vue(一)vue 概述与用法、MVVM、绑定语法、vue 指令
- vue实现倒计时60秒
- Electron + Vue 实现输入法自动刷字数