写在开始前:闲来无事自己开发了一个网站,需要进行前端的开发,希望可以方便的实时查看生成的效果,于是找到了以下的方法:
第1步 安装live server插件

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

第三步 安装browser preview这个插件

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


一个小建议:windows10安装VsCode的时候推荐下载压缩包(下载完成后解压就可以直接运行)。因为我下载的exe的居然在一次我写网站的时候自己把自己卸载了,搞得我以为遇到了灵异事件。其实压缩包的功能和exe的没有区别。(现阶段我开发中)
本文介绍如何在VSCode中通过安装Liveserver和BrowserPreview插件,实现实时查看前端代码效果,避免频繁刷新页面。适合初学者和开发者快速迭代网站设计。
321





