最近电脑系统故障重装，由于蓝灯无法正常使用，暂时也没找到合适的FQ工具，已经无法登陆谷歌账号同步谷歌浏览器的插件喝书签了，因此只能暂时先用国产360极速浏览器替代。但是360扩展程序中并没有vue-devtools插件，因此需要自己安装。工具/原料more360极速浏览器或其他Chrome内核的浏览器方法/步骤——下载插件1/2分步阅读

下载vue-devtools的github项目（下载地址见参考资料）

2/2

将代码包解压

方法/步骤2——编译运行项目1/2

安装项目需要的npm包：

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

npm install

2/2

编译项目文件：

npm run build

方法/步骤3——将插件添加到浏览器中1/5

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

2/5

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

3/5

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

4/5

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

5/5

测试插件：

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

注意事项

加载已解压的扩展程序时，在弹出的弹窗中选择插件解压的目录一定要选择chrome目录