2023年vscode插件推荐,实现边写代码边看实时效果

一.安装vscode开发软件

vscode官网下载地址: Visual Studio Code - Code Editing. Redefined

二.介绍

Visual Studio Code

是一个轻量级但功能强大的源代码编辑器，可在您的桌面上运行，可用于Windows，macOS和Linux。它内置了对JavaScript，TypeScript和Node的支持.js并具有针对其他语言和运行时（如C++，C#，Java，Python，PHP，Go，.NET）的丰富扩展生态系统。通过这些介绍性视频开始您的 VS Code 之旅。

三.安装插件

1. 应用商店搜索 Live Server

简介:

Live Server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用Live Server作为一个实时服务器实时查看开发的网页或项目效果。

按Ctrl+Shift+P快捷键打开命令面板，输入settings，然后在下拉列表中选中首选项: 打开默认设置(JSON)。可以查看默认设置

打开VScode》点击‘拓展’》搜索‘live preview’》点击‘安装’按钮。等待几秒安装完毕后，关闭VScode，再重启VScode，让插件生效。

2. 安装成功之后,打开 一个文件右击显示

3 点击Show PreView 输入内容会实时出现效果

结束,可以开始开发了! ! !