使用 Visual Studio Code 开发项目省时的六个插件。
相信不少小伙伴在网页开发的时候,都会有这样的一个需求:
想要实时地预览开发页面,
这时候会有小火棒说:什么啊?不是有live Sever插件为我们提供了这个功能吗?你该不会要介绍的就是Live Sever吧?你来搞笑的吧!
当然不是!作为一名前端初学者,我便经常有这样的一个需求,我为解决这个需求辛苦的寻觅,终于让我找到了! 他就是Live Preview。
Live Preview
Live Preview是一款托管本地服务器的扩展,它可以为我们提供实时预览Web项目的功能!
鄙人认为这个插件最亮眼之处,也是与Live Sever插件的大为不同的一点——嵌入式预览
嵌入式预览
在编辑器中提供了本地服务器托管的文件的预览。
这是一个非常方便的功能!
特别是对于只有一个24寸屏幕的开发者(例如鄙人我)。
以下是官方对嵌入式浏览器的功能介绍
简单的嵌入式浏览器具有以下功能:
- 页面历史记录跟踪
- 用于基于地址的导航的 URL 栏
- 可扩展的菜单,允许用户:
- 在浏览器中预览当前页面
- 执行页面搜索
- 提示: 您还可以使用 Ctrl+F 打开查找框,然后使用 Enter 转到下一个结果
- 打开编辑器的 Web 视图 DevTools
它的功能并不如此简单,如果对这个插件有兴趣的小火棒,可以通过官方了解:
Live Preview - Visual Studio Marketplace