vscode 格式化不加分号_大前端时代你的 VSCode 插件

eece0676f30ce93b286e57c292443ce3.png

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

EditorConfig for VS Code

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

ef4623cf836d4fbeb7f829c8cc72eec3.png

Flutter

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

ce6a312213c4143c6d8cc586987629c3.png

a94faf9a447dabf3cead9f936cfd3221.png

Debugger for Chrome

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

7188c986839a3fe7f4d14d4309cf88ff.png

TSLint

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

3970a8132970f1ad0736763aa04601b1.png

Git Blame

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

a2e6e0922f71781413d5f5e61afb0469.png

Eva Theme

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

4f5a36cf706d9944957317ce745b0ef3.png

Bracket Pair Colorizer

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

c096ce164a7e83f41227ce9bb1bdafba.png

C/C++

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

21f59ec9146ea42bf7df29a65634cebc.png

GitLens

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

d59b7d8ab6dcd29ad97519d94b7f3ea2.png

VS Live Share

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

161e8ae1ad8e54cf6d5f68de678a5fa0.png

npm Intellisense

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

ed2294c48481d5c9766ee4f79cb5ca39.png

Beautify

格式化代码

443f93da6931398188c8629e14294630.png

Apollo GraphQL

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

78c74b461f084b9acdc1088f7d0db720.png

Go

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

d7367112b6a83e15ec8c3acf72f07f37.png

JavaScript (ES6) code snippets

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

13e1e3673d47de9fbdfda8fe72498588.png

React Native Tools

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

4a23936d31022332657c3016c9e3e617.png

Reactjs code snippets

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

c4450be5e6c5a87546417598c184efd6.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值