美文网首页
VsCode实时预览插件的使用

VsCode实时预览插件的使用

作者: 随便都赢 | 来源:发表于2020-10-14 09:56 被阅读0次

首先安装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内部实时预览你写代码了


侧边实时预览

相关文章

网友评论

      本文标题:VsCode实时预览插件的使用

      本文链接:https://www.haomeiwen.com/subject/mquipktx.html