大前端时代你的vscode插件

4,306 阅读3分钟

2018已成历史,大前端的时代不知不觉中已然来到了我们身边,完善你的军刀库为你的开发进行时提升效率,是我们必然要进行的事情。这一篇文章收集了一些我经常使用的 vscode 插件,它们解决了很多我遇到的问题,为我提升效率带来了很大的改进,因此分享给大家。

EditorConfig for VS Code

此插件尝试使用.editorconfig文件中的设置覆盖用户/工作区设置,不需要其他或特定于vscode的文件,与任何EditorConfig插件一样,如果未指定root = true,EditorConfig将继续在项目外部查找.editorconfig文件。

Flutter

2018是 Flutter 最火爆的一年,做为 Google 开发的军刀级的 UI 框架,不妨尝试一番,vscode 的支持需要安装这个插件。

Debugger for Chrome

用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

TSLint

今年 TypeScript 足足火爆了一年,Angular,Vue 都从社区的经验中推荐使用 TS 来开发你的前端项目,那么做为检查工具 TSLint 必不可少;

Git Blame

在多人协作的场景下,有节奏的观察 commit 信息会是一件很有帮助的事情;

Eva Theme

一个很柔和的主题在开发进行时会得到很愉悦的体验,Eva Theme 就如此非凡;

Bracket Pair Colorizer

此扩展允许使用颜色标识匹配的括号。 用户可以定义要匹配的字符以及要使用的颜色。

C/C++

此扩展的版本为C / C ++添加了对Visual Studio Code的语言支持,如果你写 Node.js 很有必要安装它。

GitLens

GitLens 增强了 Visual Studio Code中内置的Git功能。 它可以帮助您通过Git责备注释和代码镜头一目了然地查看代码作者身份,无缝导航和探索Git存储库,通过强大的比较命令获得有价值的见解,以及更多。

VS Live Share

此外,与传统的结对编程不同,Visual Studio Live Share允许开发人员一起工作,同时保留他们的个人编辑器首选项(例如主题,键绑定),以及拥有自己的光标。这使您可以在彼此之间无缝转换,并能够自己探索想法/任务。在实践中,这种一起工作和独立工作的能力提供了一种协作体验,这种体验对于许多常见用例来说更加自然。

npm Intellisense

Visual Studio Code插件,用于在import语句中自动填充npm模块。

Beautify

格式化代码

Apollo GraphQL

丰富的编辑器支持GraphQL客户端和服务器开发,可与Apollo平台无缝集成。

Go

此扩展为Go代码添加了对Go语言的丰富语言支持。

JavaScript (ES6) code snippets

此扩展包含用于Vs代码编辑器的ES6语法中的JavaScript代码片段(支持JavaScript和TypeScript)。

React Native Tools

此扩展为React Native项目提供了一个开发环境。 使用此扩展,您可以调试代码并从命令选项板快速运行react-native命令。

Reactjs code snippets

此扩展包含Reactjs的代码片段。