- 由于Chrome下载的vue js devtools插件无法正常识别vue的网站会出现报错；
- 原因是：在vue本地开发devtools不识别，需要在服务器环境下才能运行；
- 可以选择live-server进行服务器环境搭建
-
在vscode下安装live-server
1.jpg
-
设置live-server配置项
2.jpg
-
在第一个settings.json中更改设置
3.jpg
-
更改配置代码
"liveServer.settings.host": "127.0.0.1", "liveServer.settings.root": "/", "liveServer.settings.ChromeDebuggingAttachment": true, "liveServer.settings.port": 8080, "liveServer.settings.NoBrowser": true
vscode中右击html页面运行live-server,启用环境
重启VScode和Chrome浏览器，查看vue js devtools 是否可以工作
