vscode前端vutur插件_十款适合前端工程师的VSCode插件推荐

Visual Studio Code，可以说是近年来最好的代码编辑器(若是您不相信，请快速浏览一下)有许多扩展，它们带有一种Extension-store(就像App store for你的应用程序)名为Market Place。有调试代码，格式化代码，键映射，开发手艺(如heroku，github，docker，azure)，IDE主题，代码链接，代码片断和许多其他种别的扩展。

本文适用于所有开发人员，但主要适用于使用符号语言，样式表和Javascript及其众多框架的开发人员。提交真正令人感兴趣的VS Code Extensions以辅助实现高效和简朴的前端开发(这也显示了社区若何支持VS Code)。在本文中，我将简要先容2018年必备的VS Code Extensions，以便您可以对您的IDE举行操作。

1. Live Server

Ritwick Dey的这个很酷的扩展为您的静态和动态页面创建了一个开发内陆服务器。任务栏上会泛起一个上线按钮，因此您可以将代码无缝地作为开发服务器运行。它还带有一个闪亮的功效：Live Reload，可以在您保留事情后立刻重新加载页面。异常棒。

2.Live Sass编译器

Ritwick Dey的这个扩展将你的scss文件编译成css文件，就像node-sass一样快速和实时。通过任务栏上的watch-my-sass按钮，它可以在首选浏览器中显示已编译样式的实时预览，同时还具有实时重新加载功效。

3.Javascript代码片断

Charalampos Karypidis的这一扩展包罗跨越200万的下载和计数，提供了ECMAscript 6语法中的javascript代码片断，同时使用了javascript文件和其他文件，如Typescript，Javascript React，Typescript React。

4.NPM

这是VS Code上的官方Node Package Manager支持。它有助于以任何可想象的方式治理package.json文件。它符号了已界说但未安装的依赖项的忠告，或者已安装但未在package.json中界说的依赖项的忠告，它还示意软件包的版本控制存在差异。它还提供了快速运行npm下令和简朴的快捷方式。

5.ESLint

这里是你的Javascript和jsx的所有linting。可插拔，并确保您坚持尺度做法，如缩进和定位等等。它是VS Code中下载次数最多的扩展之一，下载量近1200万。

6.Prettier

这是Esben Petersen异常受欢迎的扩展。它现在拥有近400万次下载。它有助于格式化Javascript代码，颜色关键字，使您的代码易于阅读。有类似的扩展，其中一个受欢迎的是美化(也可在市场上买到)

7.CSS Peek

Pranay Prakash的这个异常有用的扩展通过识别和枚举已经应用于所述元素的差别样式来辅助我们处置符号语言类字符串和ID。这异常有用，由于它为我们节省了大量时间往返通报html和css文件，而且对于不喜欢分屏的开发人员来说也很利便。

8.Angular 片断

这是VS Code的官方Angular 6片断扩展。它遵照Angular样式指南，有助于使Angular的事情变得加倍容易。它具有代码可展望性功效以及与新版本6兼容的自动完成功效。它支持打字稿，服务事情者，RxJS，ngRx甚至Angular质料，若是你使用Angular而且还没有这个，你应该思量在做了。

9.Vetur

这是VS Code的官方Vue js扩展。依附令人印象深刻的500万次下载，Vetur一直致力于辅助Vue js开发更轻松。它具有错误检查功效，代码自动完成功效，而且还支持提供代码段。 Vue开发人员还可以在这里获得有关聚会和集会的最新更新，真的很酷。

10.适用于Chrome的调试器

这是Chrome的VS Code官方调试器扩展。现在是VS Code市场上最常用的扩展之一。它可以辅助您直接从VS Code调试在Chrome浏览器中运行的js文件，这有多酷？它拥有众多专门的贡献者，而且为前端开发人员提供了许多便利。