ITXP365(智码IT网)

分享电脑知识,传播IT技巧

致敬爱学习的您,祝您访问愉快!

VSCode插件之Live Server介绍:不用刷新,保存实时加载html页面


发布:智码IT网   阅读:
官方描述:
Launch a development local Server with live reload feature for static & dynamic pages。
翻译:启动一个具有静态和动态页面实时重新加载功能的开发本地服务器

功能:启动一个服务器展示html页面内容,保存html代码后,不用刷新页面即可实时的显示内容的更改,提高开发效率。

安装:
1、启动VSCode,在插件搜索框中搜索关键字:Live Server,找到对应的插件,点击安装,如图所示:
2、安装完成,如图所示:
3、重启VSCode
4、体验一下基本功能:
新建一个html文件,保存,然后在编辑器空白位置执行右键菜单:Open with Live Server 或 快捷键Alt + L ,Alt + O,如图所示:
会打开浏览器,并展示刚才新建的html文件的内容,如图所示:
尝试修改一下这个html文件,然后保存,但是不刷新浏览器,会发现保存后,浏览器页面的内容马上就即时变化了,这对于提高开发效率来说是很有益的。如图所示:

上一篇:没有了
下一篇:没有了

© 2001-智码IT网 www.itxp365.com版权所有

蜀ICP备2021001527号