彻底卸载、devtools安装问题、扩展程序的使用

目录

一.彻底卸载 MySQL、Mongo数据库

二.vue-devtools

三.扩展程序的使用


一.彻底卸载 MySQL、Mongo数据库

  • 停止服务1 → cmd命令 → net stop mysql(mongo)
  • 停止服务2 → 如下图(这个好):
  •  
  • 控制面板 → 卸载程序 → 如下图:
  • 寻找安装路径 → 一般在C盘 → C:\Program Files → 将需要卸载的文件夹全部删除 → 如下图:
  • cmd命令行 → regedit → 打开注册表 → 删除所有相关注册表(非常重要!!!)
  • 主要删除路径如下,如果没有就不用删除:
HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\services\eventlog\Application\MySQL
HKEY_LOCAL_MACHINE\SYSTEM\ControlSet002\services\eventlog\Application\MySQL
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Eventlog\Application\MySQL
  • 删除(粉碎):C:\ProgramData\MySQL,ProgramData文件夹 默认隐藏,设置显示后可见
  • 或者直接复制 C:\ProgramData 到地址栏,回车进入,删除相关文件夹
  • 计算机 → 管理 → 服务 → 发现 服务仍然残留 解决方案:
  • cmd命令行 → sc delete mysql → mysql = 要删除的服务名
  • Mongo 安装成功后无法连接,无法启动 mongo服务,解决方案:
  • 卸载,重新再默认目录下进行安装,不能换别的盘,网上提供的各种命令解决方案均不奏效

二.vue-devtools

  • 去官网寻找工具下载并解压:
  • vue-devtools-dev 根目录下安装依赖包:Git Bash Here → npm install
  • 编译代码:npm run build
  • 修改 manifest.json文件,把"persistent":false 改成 true: 
  • Chrome浏览器 > 更多程序 > 拓展程序,记得打开开发者模式
  • 把 vue-devtools-dev > shells > chrome 拖入页面

三.扩展程序的使用

  • 对应扩展程序下载,添加扩展程序,将.crx直接拖入扩展程序界面
  • zheyuan@.... 123456,登录相应的插件账号,注意登录位置在地址栏旁边,点击那个按钮就行
  • 打开扩展程序,选择打包扩展程序
  • 扩展程序根目录:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions
  • 比如我要打包 devtools 扩展程序,我就要查看自己的 devtools版本号,可以直接在扩展程序详情页面查看
  • 挨个点开扩展程序根目录的文件夹,里面放了一个个 版本号 命名的文件夹,选择该文件夹
  • 其他不用填写,一路确定,生成 .crx文件,可以在 版本号文件夹同级目录中查看
  • 下次再安装扩展程序,直接将这个 .crx文件 拖到谷歌扩展应用程序界面即可

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
根据您提供的引用内容,您遇到的问题是关于Vue Devtools的npm报错。其中,您曾尝试通过降低npm版本来解决问题,但由于node与npm版本不一致导致报错,所以又安装了对应的npm。同时,您还尝试使用yarn代替npm进行相同的操作,但仍然无法解决问题。最终,您通过使用命令行解决了这个问题。 根据这些信息,我可以推测您遇到的具体报错可能与找不到模块 '@vue-devtools/build-tools' 有关。这可能是由于安装或配置问题导致的。为了解决这个问题,您可以尝试以下几种方法: 1. 确保您的项目中已经正确安装了 Vue Devtools。您可以运行以下命令来安装最新版本的 Vue Devtools: ``` npm install --save-dev @vue/devtools ``` 或者使用 yarn: ``` yarn add -D @vue/devtools ``` 2. 如果安装过程没有出现错误,可以尝试重新安装 Vue Devtools。您可以运行以下命令来卸载并重新安装 Vue Devtools: ``` npm uninstall @vue/devtools npm install --save-dev @vue/devtools ``` 或者使用 yarn: ``` yarn remove @vue/devtools yarn add -D @vue/devtools ``` 3. 检查您的项目配置文件中是否正确引入了 Vue Devtools。在您的项目配置文件(如vue.config.js)中,确保正确引入了 Vue Devtools 插件,例如: ```javascript const { version } = require('@vue/cli-service/package.json') module.exports = { pluginOptions: { webpackBundleAnalyzer: { openAnalyzer: process.env.NODE_ENV === 'production' } }, configureWebpack: { devtool: 'source-map' } } ``` 如果以上方法仍然无法解决问题,我建议您尝试查看 Vue Devtools 的官方文档或在开发者社区中寻求帮助,以获取更具体的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Lyrelion

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值