一款得心应手的工具,将会是你手中坚不可摧的利器。
VSCode拥有一个庞大的开源社区,其发展和潜力是无限的,本文将为你介绍几款最佳的VSCode扩展。
- ESLint/TSLint
此扩展的主要功能是自动格式化代码,以便在整个团队中实现一致的格式化。ESLint也可以配置为自动格式化代码,无论何时出现错误,它都会发出一连串的警告。
2,CodeSpell Checker
Code Spell Checker对避免代码出现拼写错误非常有帮助。拼错单词这种低级的小错误,人人都会犯,但却让人觉得不靠谱。
3,Auto-CloseTag
拥有VCSCode扩展是必要的。编写代码本就困难重重,拥有了VSCode扩展,就不需要仅仅因为缺少关闭标记(<div></div>)而查找错误。
4,Prettier
正确地缩进和分隔以便更好地读取代码,特别是在处理编写已久的代码时——带有样式、函数和处理程序的分隔非常重要,不仅方便自己,也方便了同事。要设置很简单,点击保存时即可自动格式化。
5,PathIntellisense
有时需要用到大量的组件、扩展和安装包,特别是在使用React格式化时,因此,需要一些有助于处理文件路径的东西。
6,BrowserPreview
该扩展对于前端开发人员而言必不可少。与其在Chrome中打开另一个窗口来浏览在代码中所做的更改,不如下载这个浏览器进行预览,这样在VSCod中即可完成所有的工作。
7,Debuggerfor Chrome
作为一个前端网页移动开发者,Debugger for Chrome为笔者提供了很大的帮助。特别是对于JavaScript开发人员来说,它可以节省很多做小改动的时间,有助于快速地找到并解决bug,对调试非常有帮助。
8,Javascript (ES6) Code Snippets
Javascript (ES6) Code Snippets将是你最好的帮手,无论使用什么JavaScript框架,此扩展都将有所帮助。
9,Github 扩展
使用Github扩展,可以轻松地连接其他开发人员的存储库、喜欢的开发人员的存储库,甚至自己的存储库。经常使用Github的话,切换存储库将极为顺手。
10,NPM
作为一个开发人员,你应该知道NPM的重要性。Node包管理器是一个可管理Package .json文件的扩展。如果需要的依赖项以及NPM包的版本控制尚未安装,它会给出警告。