该扩展是笔者常用VSCode扩展之一。它可以节省很多时间。作为一名前端开发人员，笔者时常健忘，但又需求用到少量的组件、扩展和安装包，特别是在运用React格式化时，因此，需求一些有助于处置文件途径的东西。

大型项目中的任务费事多多，pathIntellisense将是你的左臂右膀。当尝试在引文中输入一条途径时，智能感知会自动填写或显示建议。途径智能感知还可以协助自动完成一切隐藏文件。

9.BrowserPreview

该扩展关于前端开发人员而言必不可少。与其在Chrome中翻开另一个窗口来阅读在代码中所做的更改，不如下载这个阅读器停止预览，这样在VSCod中即可完成一切的任务。

该扩展可显示代码的阅读器预览，因此不必在阅读器上翻开标签就可以看到一些小改动，大大了节省时间和空间。

10.Debuggerfor Chrome

这是笔者最爱和运用最多的VSCode扩展。作为一个前端网页移动开发者，Debugger for Chrome为笔者提供了很大的协助。特别是关于JavaScript开发人员来说，它可以节省很多做小改动的时间，有助于快速地找到并处置bug，对调试十分有协助。

想要查找错误来自哪些行和函数，甚至查看其数据处置，控制台可以提供很大的协助。

11.MaterialIcon Theme

经过该扩展可为文件列表选择美丽心爱的图标。假设文件是JavaScript，那么在文件名旁边的material样式中会有一个JavaScript图标。若是从事视觉开发，那么该扩展就再适宜不过了。

12.Javascript (ES6) Code Snippets

若你是JavaScript开发人员，Javascript (ES6) Code Snippets将是你最好的帮手。无论运用什么JavaScript框架，此扩展都将有所协助。假设只是一遍又一遍地输入相反的通用代码，效果倒不是很清楚。

该代码片段十分方便，是一个轻量级的库扩展，它可以绑定任何标准的JavaScript调用，因此只需键入快捷代码，即可看到整个通用代码自动输入到编辑器中。该扩展不只支持Javascript ES6，还支持Typescript、Reactjs、Vue和HTML。

13.LiveServer

在运用Live Server时，该VSCode扩展将有助于翻开以后项目的Live web效劳器。普通这项任务用像Webpack这样的构建器完成即可，但是该扩展显然更为有效。只需右击并翻开运转live server，便会自动完成剩余的任务。

14.Github 扩展

若正在运用Github作为项目存储库，或许希望运用其他开发人员的源代码存储库，那么这个扩展就是为您量身定做。

特地一提，Github如今由微软一切和管理，所以Github和VSCode如今都是微软产品之一。

运用Github扩展，可以轻松地衔接其他开发人员的存储库、喜欢的开发人员的存储库，甚至本人的存储库。常常运用Github的话，切换存储库将极为随手。

15.GitLens

Gitlens是另一个好用的扩展。它扩大了以后的VSCode Git功用，可以从以前所作的提交和更改中同时执行代码比较，还拥有其他一些很凶猛的特性。

16.NPM

一切现代开发人员都知道NPM是什么，以及它为什么这么重要。Node包管理器是一个可管理Package .json文件的扩展。假设需求的依赖项以及NPM包的版本控制尚未安装，它会给出正告。

笔者所处置的大少数bug和错误都来自于运用的NPM包、函数和特性，由于它们与其他包不兼容，所以无法运转。假设没有它所要求的依赖项没有兼容的版本那可真是鸭梨山大！

17.Beautify

Beautify是另一用于代码格式化的良好扩展，与前文提到的Prettier简直一样，但是效果更美丽。到目前为止，它已有将近1200万的下载量了，还用笔者再多说什么吗。它可以格式化用Javascript、JSON、Sass、CSS和HTML编写的代码。

18.Live Sass Compiler

假设您爱好Sass作风，或许只是由于它是项目运用顺序需求的一部分而恰恰正在运用Sass，那么这个VSCode扩展就是为您而生的!

它会实时将SASS/SCSS文件编译成CSS文件，并自动提供运用顺序或阅读器中已编译样式的实时预览。

19.Emmet

(责任编辑：admin)