[随笔] 在浏览器上安装 Vue Devtools工具方法及问题记录与解决(转载整合)

• 说明：此处为从本地安装的方法，好像还可以直接通过其他方法直接从网上安装，具体方法暂不知。
• 下载安装主要步骤：
  参见博客园文章：在浏览器上安装 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

————————————————