很多程序员想要在vscode中实现边写代码，边看显示效果的操作，其实这个只需借助一个扩展就可以实现，下面就来教教大家如何操作。

Visual Studio Code

类别：编程工具 大小：75.86M 语言：简体中文

【操作说明】

1、首先我们前往vscode的扩展页面，在里面搜索“live server”插件，然后选择安装。

2、安装好之后，我们打开文件—首选项—设置

3、在设置页面中，选择【用户】—【扩展】—【Live Server Config】将里面的Setting:Use Browser Preview勾选

4、最后返回代码页面，在要浏览的代码区鼠标右键，选择Open wiht Live Sever

5、然后就可以查看代码在浏览器中的效果了。

以上就是vscode实现边写代码边看效果的方法了，一个扩展就能解决，是不是非常的简单呢，当然了，不只是live server，还可以是其他同类插件哦，快去试试吧。