【VSC插件】LiveServer 安装使用指南

1.左键点击下图圈出的图标或者快捷键Ctrl+Shift+X,到下图的EXTENSIONS界面。

 

 2.搜索Live Server点击绿色的Install即可安装,笔者是已经装好了所以才没有Install按钮的。

 

 3.安装成功的表示是如下图所示,右键HTML文件有Open with Live Server选项(如果没有这个选项的话,重新开一次VSC,再次导入工程所在文件夹即可)。 

 

4.出现右下角5500的默认端口号提示即表示启动完毕。

 

 5.在浏览器输入网址:http://127.0.0.1:5500/显示HTML内容。

 

 

到这一步,Live Server就成功安装并能正常使用了!

接下来就可以在VSC改动内容,按Ctrl+S后,浏览器就自动有F5刷新的效果了。

 

posted @ 2020-07-10 15:14  yougatei  阅读(6022)  评论(0编辑  收藏  举报