- 说明:此处为从本地安装的方法,好像还可以直接通过其他方法直接从网上安装,具体方法暂不知。
- 下载安装主要步骤:
参见博客园文章:在浏览器上安装 Vue Devtools工具方法
————————————————
下载安装步骤补充说明:
- 在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools;
- 需要将下载的安装包解压到一个稳定的不会变动的位置;
- 步骤2中,如果没有安装淘宝镜像无法使用cnpm指令,可以使用npm install 命令来代替;此法不行可以先安装淘宝npm镜像再重试步骤2;
- 淘宝npm镜像安装:
(补充-淘宝cnpm网址:npm.taobao.org)
执行下面命令,就可以使用cnpm用来代替npm了
npm install -g cnpm --registry=https://registry.npm.taobao.org
source: https://blog.csdn.net/weixin_44460248/article/details/86487067
————————————————
- 安装后无法在控制台看到vue栏问题:
在浏览器安装vue Devtools插件后显示:
Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.
原因:用的是production mode(生产版本)的vue.min.js,而不是开发版本的vue.js
解决办法:
下载一个开发版本的vue.js, 然后把js文件夹里的vue.min.js(生产版本)换成vue.js,
同时在导入script时把你用的vue.min.js换成vue.js
source:https://blog.csdn.net/weixin_43873005/article/details/89475213
————————————————