本文介绍了在学习React时，使用VSCode的OpeninBrowser和OpenwithLiveServer打开项目时的区别。OpeninBrowser访问的是本地文件路径，不支持ReactDeveloperTools，需要手动刷新查看更新。而OpenwithLiveServer通过127.0.0.1启动web服务器，解决了ReactDeveloperTools的访问问题，实时保存代码即可在浏览器中看到更新效果。
在学react时，网页打开react项目时，React Developer Tools不可访问此网站，才发现vscode右键的Open with Live Server和Open in Broswer是有区别的，区别如下：
- Open in Broswer
url是本地存储的默认路径，访问的是项目保存的本地地址,React Developer Tools不可访问此网站，访问的页面是静态页面，写代码时，在工作区保存了代码之后，还需要另外到浏览器页面进行刷新才能看到最新的效果。 - Open with Live Server
url是以127.0.0.1开头，即使用web服务器打开，可以解决掉前面React Developer Tools不可访问此网站的问题。写代码时，只需要在工作区进行保存，浏览器端的页面就会同时进行更新显示效果。
扫一扫
2225
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
