VsCode实时预览插件的使用

首先安装Live Server
1、进入应用商店


应用商店

2、输入Live Server,点击第一个


Live Server

3、安装完之后,在你写的html文件任意处点击鼠标右键选择Open with Live Server就可以预览了
打开在浏览器预览

预览地址

然后安装Preview on Web Server
同样的步骤在应用商店搜索Preview on Web Server


Preview on Web Server

安装完之后,打开设置
设置

搜索settings,点击随便点击一个在settings.json中编辑

写入settings.json,配置端口
"previewServer.port": 5500,

同样的鼠标右键



现在你就可以在Vscode内部实时预览你写代码了


侧边实时预览
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。