推荐一个vscode省时好用的前端插件

889 阅读1分钟

使用 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