一、下载vue开发工具
下载地址:https://173app.com/chrome-ext
二、跳转至扩展程序
三、开启开发者模式
四、将下载的vue开发工具拖拽至扩展程序中
五、测试
编写vue测试项目后 F12
六、过程可能存在问题
问题1:下载的vue插件拖入扩展程序后,F12测试面板为空
解决方案:
(1)更新高版本Chrome
(2)找到C盘下的manifest.json将persistent:false改成persistent:true
manifest.json文件所在目录
C:>用户>Administrator>AppData>Local>Google>Chrome>User Data> Default>Extensions>nhdogjmejiglipccpnnnanhbledajbpd>5.3.3_0>manifest.json
问题2:vscode的 liver server出现"windows 找不到文件chrome,请确定文件名是否正确后,再试一次"
解决方案:
(1)将谷歌浏览器设置为默认浏览器