阿里、蚂蚁、晟腾、中科加禾精彩分享 AI 基础设施洞见,现购票可享受 9 折优惠 |AICon 了解详情
写点什么

10 个好用的 Visual Studio Code 插件“神器”

  • 2019-12-20
  • 本文字数:1706 字

    阅读完需:约 6 分钟

10个好用的Visual Studio Code插件“神器”


无论你是经验丰富的程序员,还是刚开始从事第一份工作的程序员“小白”,你都想让程序开发变得更容易。使用正确的工具,你就能够做到这点。


如果你正在使用的 IDE 是 Visual Studio Code,那可以让它变得更合你的“口味”。其中一个方式就是安装正确的插件。你可以尽可能多地安装插件,从而让编程变得更容易。


无疑,插件对你的工作效率和工作方式有着很大影响。这就是为什么我们接下来会看看 Visual Studio Code 的插件清单。


我们改变工具,之后,工具也会改变我们。——Jeff Bezos


注意:所有这些插件都可以在 Visual Studio Marketplace 上面免费获取。

1.Visual Studio Intellicode

Visual Studio Intellicode 有着 320 万下载量,是 Visual Studio 上下载次数最多的插件。并且,在我看来,它会是你用过的最有用的插件之一。


这个插件能帮助开发人员生成智能代码补全提示,并且它内置支持很多种编程语言。



Visual Studio Intellicode 使用机器学习技术,通过学习大量 GitHub 项目的代码,能找到一些编码模式,然后在你编程时给予代码提示。

2.Git Blame

“谁写的这段代码?”


每隔一段时间,你都可能需要了解某段代码是谁写的。正好,Git Blame 就可以帮你。Git Blame 会告诉你最后修改这行代码的人是谁。最重要的是,你可以看到这处修改发生在哪次提交里。


这个信息很有用,特别是当你在某个产品功能分支上开发时尤其有用。当使用产品功能分支开发时,你通过点击以你分支名命名的标签,就可以跳到相应信息。



由于 Git Blame 会告诉你这行代码是在哪个提交和哪个分支上修改的,所以你就知道了哪个标签对应着这次修改。这将帮助你更好地理解这种修改背后的逻辑。

3.Prettier

对那些想严格遵守一组编码规则格式的开发者来说,Prettier 是相当有用的插件。它是一个很有吸引力的插件,允许你使用 Prettier 开发包。


并且,它是一个健壮的、固守成规的代码格式化利器,允许开发者将他们的代码进行格式化

4.JavaScript(ES6) Code Snippets

每一个新潮的 Web 开发者应该都大概率使用过不同类别的 JavaScript 软件栈部分。不管你选择了什么 JavaScript 框架,在不同的项目中直接生成同样的基础代码都将缩短你的工作流程。


JavaScript(ES6) Code Snippets 就是这样一款便利插件,它为开发者们提供了一些有用的 JavaScript 代码片段。它将标准的 JavaScript 函数调用绑定到简单的快捷键上。一旦你熟练使用这个插件,它就能极大地提高你的开发效率。

5.Sass

可能你已经猜到了,这款插件可以帮助使用样式表的开发者。一旦开始为应用程序创建样式表,你绝对想要使用 Sass 这款插件。这款插件支持缩进 Sass 语法高亮、自动补全和格式化。


当涉及到样式时,你绝对想要在你的工具库中加入这个工具。

6.Path Intellisense

Path Intellisense 可以快速提高你的开发效率。如果你同时开发多个项目,并使用很多不同的技术,你肯定想要一个方便的工具,它能帮你记住文件路径


这款插件就能为你节省很多这方面的时间,帮你省去找到正确文件路径的时间。

7.Debbuger for Chrome

如果你想调试 JavaScript 程序,你可以不必离开 Visual Studio Code 开发环境。



Debugger for Chrome 这款插件就可以做到这点,它由微软发布,允许你在 Visual Studio Code 中直接调试网页源文件

8.ESLint

ESLint 插件将 ESLint 集成进了 Visual Studio Code 中。如果你还不了解这款插件,我简单说一下,这款插件会静态分析你的代码,快速找到代码中的问题


ESLint 找到的大部分问题都可以由其自动修复。ESLint 会根据当前文件使用的语法进行自动修复,所以就不会像传统的“寻找 - 替换”算法那样产生语法错误。


最重要的是,ESLint 是高度可定制化的!

9.SVG Viewer

SVG Viewer 扩展插件为在 Visual Studio Code 中使用 SVG 图像提供了大量工具。



这款插件能在编辑器中渲染 SVG 文件,这样就不用离开编辑器也能看到 SVG 图片的样子。

10.Themes

最后一个,也很重要,这就是 Themes 插件。你每天都要面对你的编辑器,那为什么不把它装饰得好看点?有大量插件能改变颜色方案和侧边栏上的图标


一些受欢迎的免费主题包括:One MonokaiOne Dark ProMaterial Icon


英文原文:


10 Extremely Helpful Visual Studio Code Plugins for Programmers


2019-12-20 15:3119055

评论

发布
暂无评论
发现更多内容

玩转KubeEdge保姆级攻略

乌龟哥哥

8月月更

浅谈JS发布订阅模式

海底烧烤店ai

JavaScript 前端 发布订阅模式 8月月更

弹性云端新算力,驱动沉浸新交互 |2022阿里云金融创新峰会

阿里云弹性计算

计算巢 云盒 倚天实例 专属Region

【React】使用Next.js构建并部署个人博客

海底烧烤店ai

nuxt 博客开发 博客搭建 react rout 8月月更

【CSS】怎么理解层叠性、继承性和优先性?选择器的权重如何叠加?

翼同学

CSS html 前端 编程语言 8月月更

【CSS】什么是外边距的重叠?常见的有哪几种重叠情况?

翼同学

CSS 前端 编程语言 8月月更

《数字经济全景白皮书》银行业RPA应用专题分析 发布

易观分析

RPA 金融 银行

mysql基础

楠羽

#开源

加速拥抱数字化,云时通打造全新数字中台!

创意时空

「35分钟」开发刷题功能

小鑫同学

前端 H5 数据分析、 分页查询 开发.

【JVM】HotspotJVM对象的分配策略,栈上分配与TLAB

小明Java问道之路

8月月更

【CSS 盒子模型(上)】:width、height、overflow、border

翼同学

CSS html 前端 8月月更

持久,redis 持久化有哪几种方式,怎么选?

知识浅谈

redis持久化 8月月更

佛山复星禅诚医院黄汉森:云边协同,打造线上线下一体化智慧医疗

阿里云弹性计算

弹性计算 分布式云 云盒 异地双活

React Spring实战之API以及animated 组件的运用

恒山其若陋兮

8月月更

【数据结构实践】手把手带你快速实现自定义二叉树

迷彩

数据结构 算法 二叉树 二叉树遍历 8月月更

zookeeper的选主过程

浅羽技术

zookeeper 分布式 ZooKeeper原理 8月月更

牵手华为云,云时通SRM助力企业采购数字化升级!

创意时空

数字藏品app开发:数字藏品发行制作的关键

开源直播系统源码

NFT 数字藏品 数字藏品开发 数字藏品系统 数字藏品软件

亚马逊云科技与TalkingData携手助力美妆巨头数字化营销闭环安全合规地提效

Lily

【CSS 盒子模型(下)】:padding 和 margin

翼同学

CSS html 前端 8月月更

【CSS·圆角边框】有关border-radius属性的记录以及实现原理

翼同学

CSS html 前端 8月月更

源码解析 kubectl port-forward 工作原理

张晓辉

Kubernetes 云原生 源码解析

【JVM】HotspotJVM分代回收机制

小明Java问道之路

8月月更

zookeeper的特点和应用场景

浅羽技术

zookeeper 分布式 观察者模式 注册中心 8月月更

[JS入门到进阶] 手写解析uin8数组的工具:解析二进制字节,太快太方便了!

HullQin

CSS JavaScript html 前端 8月月更

非关系型数据库Redis核心内容

浅羽技术

数据库 redis redis持久化 Memcache 8月月更

Docker杀掉了容器?问题分析与解决过程全面复盘

程序员欣宸

Docker 8月月更

【JVM】HotspotJVM中的对象及引用

小明Java问道之路

JVM 内存 引用 对象 8月月更

【实践】手把手带你实现JWT登录鉴权

迷彩

分布式 微服务 前后端分离 JWT 8月月更

【CSS关键字】:inherit、initial、unset分别有哪些作用?

翼同学

CSS html 前端 8月月更 学习分享

10个好用的Visual Studio Code插件“神器”_语言 & 开发_Daan_InfoQ精选文章