360极速浏览器安装vue-devtools插件

最近电脑系统故障重装,由于蓝灯无法正常使用,暂时也没找到合适的FQ工具,已经无法登陆谷歌账号同步谷歌浏览器的插件喝书签了,因此只能暂时先用国产360极速浏览器替代。但是360扩展程序中并没有vue-devtools插件,因此需要自己安装。

安装步骤:

1.下载插件:

vue-devtools的github项目拷贝到本地,用不惯git,也没安装软件,因此直接下载到本地:

2.解压代码包:

3.安装项目需要的npm包:

Ctrl+R打开运行窗口,输入cmd,调起命令行窗口,切换到解压后的vue-devtools代码包目录,安装需要的npm包:

npm install

4.编译项目文件:

npm run build

5.添加到浏览器:

浏览器中输入“chrome://extensions”,进入程序扩展界面,点击选中右侧的”开发者模式“选项;

在其下边弹出的界面中点击”加载已解压的扩展程序..."按钮:

在弹出的弹窗中选择插件解压的目录,选择chrome目录,如下图所示:

点击确定,能看到右上角扩展程序这里已经多了一个vue-devtools扩展程序图标了:

6.测试插件:

本地编译运行vue项目,能看到浏览器调试器这里已经有vue-devtools的相关模块了:

猜你喜欢

转载自www.cnblogs.com/xyyt/p/11098785.html
今日推荐