Day5 - 新鲜人提升开发效率的方法(扩充套件篇)

昨日提到的一些工具都安装好之後,开发的过程中如果要增加开发效率的话还是需要一些套件的辅助,今日的文章主要会着重在Visual Studio Code以及其他类型的开发工具也有支援的套件。

扩充套件我可以去哪里找?

写程序的时候会遇到一些状况,例如有一些行为会重覆引用(例如for回圈、if else的判断、对应程序常用的变数宣告),或者是程序码非常多行然後需要去改function内的功能但改的很入神之後发觉括号没对齐就需要额外花费时间检查哪里不小心误删或是加错地方。

这篇主要以Visual Studio Code和Visual Studio举例,如果要寻找可以用的扩充套件可至extension market路径连结,接着可以看到在分类分别有精选、近期的趋势、最多人下载以及近期上架的扩充套件。

Visual Studio Code 推荐套件

由於套件实在是非常多(每天都会有各式各样的套件上架),因此主要会以较大众的套件(不会特定只能用哪个语言)来介绍几个实用的增强一下自己的火力!(未来的case study文章会额外带到其他实用的套件)

程序语言

通常使用者安装套件的第一步会依照今天要用什麽语言开发,例如今天要用Python那必须先安装该语言的扩充套件(小提醒:语言扩充套件安装时会连带下载该语言的环境执行的版本,所以如果本地已经安装过其他版本执行的时候会跳出版本选择提示,再确认是要运行哪个版本的环境)。

大量括号的视觉化救星

虽然说用透过自动排版也可以知道括号涵盖的区块,但如果能够更加直觉或者是有色块的方式呈现就更棒了,於是找到了两个套件分别是Bracket Pair Colorizer 2和indent-rainbow。这两个套件搭配起来当看大量程序码的时候,可以更加确认每个行为涵盖的区块,以及能够更加确认修改的过程中不会因为括号或者是分号的产生额外问题,以及可以更快速检视复制贴上的程序码有没有缺少括号(坏习惯不要学习)。

Imgur
扩充套件使用示意图

别再一个字一个字打了

在写一些行为时会很常引用一些特定的语法,或者是需要引用多个外部的扩充套件时也是还蛮花时间的,这时候可以下snippets的关键字找找看目前使用的程序语言有没有可以使用的扩充套件。这里以JavaScript (ES6) code snippets为例,当下载完之後可以检视说明页面内简写对应产出的语法,如果有习惯这样的缩写撰写习惯可以减少一个字一个字打的时间。(题外话 : 刚下载这一类的扩充套件都想说他是不是会侦测写的东西然後自动生一个相关的语法xD)

Imgur
该套件简写的说明表格

注解的工具

有时候注解太多的时候会想知道这一坨里面有分哪几类的,而可以试试看Better Comment的扩充套件,对我来说可以很快速的透过文字的颜色,很直觉的确认这一个区块目前遇到的情况。

Imgur
扩充套件使用示意图

你今天版本控制了吗?

昨天提到的使用Github存取程序码,而在套件的部分主要使用了GitLens和Git History(但几乎都是在用GitLens),在使用GitLens时很有感的就是可以在程序码当下的那行看到之前编辑的纪录,对於小组开发的模式非常的有用(可以确认这行是谁写的)。除此之外也可以快速比对不同时间点撰写的程序码哪里增加和修改,另外也可直接在VS Code做Git的一些行为。

Imgur

Imgur

Visual Studio 推荐套件

CodeMaid

如果程序码相当的庞大然後需要做一些重构的处理那可以使用看看CodeMaid的套件,当初找到这个套件的时候只是希望写完的程序码案储存的时候可以自动排版才去下载它的xD,不过未来如果有深度使用的话再分享一下心得。

ReSharper

这个套件是JetBrains所开发的扩充套件功能非常的强大,如同上个套件一样除了程序码重购,还有许多实用的功能可以强化在撰写C#相关的程序码品质与速度。但使用下来的心得觉得虽然强大但是如果专案较庞大时会严重拖垮Visual Studio的执行速度,但可以期待的是未来Visual Studio 2022正式版推出後搭配ReSharper的化学变化。(如果还是学生的话可以使用教育版去试用看看)

以上的套件都是自己亲自去使用过真心觉得不错(还有很多但想慢慢的分享xD),如果想更知道全世界的开发者用什麽套件其实只要输入vs code recommand extension 2021的关键字,就会看到很多部落格和技术的文章可以参考罗!


<<:  DAY9 资料室--Vuex初创Store

>>:  Chapter1-DJ最爱的音频动感图像(I)基本流程图 & 操作DOM介面

LeetCode解题 Day07

206. Reverse Linked List https://leetcode.com/prob...

[Day27] GO Bot主动传送讯息

前几天针对了Bot做了按钮的设计 而未来要将开启活动主动告知使用者们 因此需要用到第24天的传送讯息...

RISC-V: Jump 指令

JUMP! 没有其他选择,执行到这就一定得跳! 这次有两种不同格式的指令,分别是 J-type 的 ...

【Day11】表单:非受控元件 Uncontrolled Component

受控 vs. 非受控元件 受控元件:value 值由 React component 使用 stat...

Day 26 - 当AI有了常识之後, 超越人类? -GAN(2)

常被用的GAN比喻,假钞制作(生成目标样本)需要详细研究被伪造钞种的特徵(训练样本数据的特徵),然後...