5款让开发效率倍增的VS Code插件

简介: VS Code 现如今已经成为一款炙手可热的开发工具,它以轻量化、功能强大、易于配置、丰富的插件备受广大开发者的喜爱。本文,就再来介绍 5 款提升生产力的 VS Code 插件。

前言

VS Code 现如今已经成为一款炙手可热的开发工具,它以轻量化、功能强大、易于配置、丰富的插件备受广大开发者的喜爱。本文,就再来介绍 5 款提升生产力的 VS Code 插件。


我曾写过两篇有关 VS Code 的文章,


受到很多同学的喜爱,也被很多自媒体转载。

在近几个月里,我在试用不同的 VS Code 插件,通过对比,筛选出一些提高开发效率的 VS Code 插件,推荐给大家,希望能够得到大家的喜爱!


Error Lens


安装次数:52645

388.png


Error Lens是一款把代码检查(错误、警告、语法问题)进行突出显示的一款插件。


经常与代码打交道的同学都应该清楚,大多数开发工具对于代码进行都是通过下划线的方式进行标识。但是,这样对于代码调试不够直接和友好。


Error Lens 通过使诊断更加突出,增强了语言的诊断功能,突出显示了由该语言生成的诊断所在的整行,并在代码行的位置以行方式在线打印了诊断消息。


它具有如下特性,

  • 更明显地突出显示错误或警告信息
  • 将诊断结果附加到包含诊断信息的任何行的末尾,这意味着你不必上下文切换到问题视图
  • 状态栏显示打开文件的诊断次数(可以配置)
  • 可以配置设置以控制 ErrorLens 显示增强诊断的方式
  • 适用于任何编程语言

Duplicate action


安装次数:73975

Duplicate action是一款快速复制并创建文件、文件夹的 VS Code 插件。


文件复制和新建,在开发过程中不像语法检查这样普遍,也可以说这项功能在开发过程中使用频率很小,因此,也很少有人会注意到它带来的繁琐。每当我们需要复制并新建一个文件时,需要经过新建空文件->复制->粘贴的过程。


而通过 Duplicat action 只需要一键就可以完成文件和文件夹的复制。


36.gif


使用方法有两种:

  1. 鼠标右键选择文件,点击“Duplicate file”;
  2. 点击F1键,选择“Duplicate file”;

Git History


安装次数:2503915

Git History是一款能够查看 git 和文件历史记录的 VS Code 插件。


37.gif


相对于前两款,Git History 的名气要大很多,功能也更加丰富且常用,它具备如下特性,


  • 以图像化方式详细展现和搜索 git 日志内容
  • 查看文件副本
  • 查看和搜索文件历史
  • 比较分支、commit
  • ...


jumpy


安装次数:194559


38.gif


jumpy是一款类似于 Atom 同名工具的 VS Code 插件,它提供快速光标移动(跳转)的功能。


代码之间的跳转是一项非常常用,且非常影响开发效率的功能。如果代码行数较少,我们可以通过滚动鼠标来移动到指定位置。但是,对于几百、上千行的代码,这样必然会让开发者感到崩溃。


当 Jumpy 被激活时,会在光标周围的区域创建标识(两个字母)。然后,只需输入两个字母的代码就可以跳到那个位置。


Path Intellisense


安装次数:3002830

39.gif


Path Intellisense是一款自动完成文件名、文件路径的 VS Code 插件。


文件读写是开发过程中经常会接触到的一项功能,无论是用本地离线文件进行功能测试,还是开发过程中涉及到静态文件。


在以往,需要手动去找到指定的文件,然后拷贝路径。这样的繁琐过程对于少数文件处理还可以忍受,如果太多的话就成了一项非常影响效率的事情。


Path Intellisense 就可以让你像补全代码一样去补全文件名,这样就会大大提升开发过程中的效率。

相关文章
|
6天前
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
153 7
|
8天前
|
机器学习/深度学习 人工智能 自然语言处理
|
29天前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
55 10
|
3月前
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
|
3月前
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件:ESLint用于代码质量和风格检查;Prettier自动格式化代码;GitLens增强Git功能;Live Server提供前端实时预览;Docker支持容器管理。
|
4月前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
1847 3
|
4月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
1117 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
4月前
|
网络安全 Docker 容器
VScode远程服务器之远程 远程容器 进行开发(五)
VScode远程服务器之远程 远程容器 进行开发(五)
98 1
|
4月前
|
Kubernetes 网络安全 容器
VScode远程服务器进行开发(三)
VScode远程服务器进行开发(三)
91 0
|
4月前
|
Linux 网络安全 Windows
VScode远程开发之remote 远程开发(二)
VScode远程开发之remote 远程开发(二)
55 0

热门文章

最新文章