admin管理员组

文章数量:1443411

VScode实现分屏显示浏览器（一边写前端代码一边可以实时查看结果）

写在开始前：闲来无事自己开发了一个网站，需要进行前端的开发，希望可以方便的实时查看生成的效果，于是找到了以下的方法：

第1步 安装live server插件

第2步 在文件->设置->首选项->扩展中找到这款插件，然后如图一样勾选这个选项

第三步 安装browser preview这个插件

第四步 在你写代码的地方打开Open with Live Server就会出现下图的界面，代表完成配置



一个小建议：windows10安装VsCode的时候推荐下载压缩包（下载完成后解压就可以直接运行）。因为我下载的exe的居然在一次我写网站的时候自己把自己卸载了，搞得我以为遇到了灵异事件。其实压缩包的功能和exe的没有区别。（现阶段我开发中）

本文标签： VScode实现分屏显示浏览器（一边写前端代码一边可以实时查看结果）

版权声明：本文标题：VScode实现分屏显示浏览器（一边写前端代码一边可以实时查看结果） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1701752927a474670.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。