Categories
程式開發

讓開發效率“飛起”的5個VS Code插件


讓開發效率“飛起”的5個VS Code插件 1

這些插件可以讓你敲代碼時“笑口常開”

1、SCSS IntelliSense

在SCSS中創建變量,這是很棒的體驗。但創建後,你還記得它們嗎?可能大多沒記住。

讓開發效率“飛起”的5個VS Code插件 2

或許你會像我一樣弄一個_variables.scss,裡面有幾百個$符號,還有一大堆名稱,這些都是你前天凌晨3點才搞出來的。有了這個插件,你能在應用的任何位置快速獲取你發明的那些SCSS變量名。再也不用記住那些名稱,也無需進行文件搜索。

獲取地址:SCSS IntelliSense

2、Auto Rename Tag

無論你選擇哪種框架,當開始和結束標籤間的代碼有50多行時,前端HTML(或JSX)編程都會成為一件令人精疲力盡的工作。也許你想將一個H2更改為H3,或者你想將一個div更改為span,不管要做什麼,結束標籤都很難找,這時候就該用這個插件了。

讓開發效率“飛起”的5個VS Code插件 3

何不省掉這些麻煩,讓更改自動為你執行呢? Auto Rename Tag就是乾這個事情的。無論你在開始標籤中做了什麼更改,更改都會自動複製到結束標籤中,反之亦然。

獲取地址:Auto Rename Tag

3、Duplicate Action

VS Code真應該自帶右鍵單擊複製文件的功能,不過考慮到他們的產品已經很出色,我覺得有些小缺陷也很合理。

讓開發效率“飛起”的5個VS Code插件 4

而且你需要的只是一個Duplicate Action擴展就夠了,它恰恰能提供你想要的東西。

獲取地址:Duplicate Action

4、CodeStream

簡單來說,這就是打了“興奮劑”的//comments

你離得開自己的IDE嗎?你在使用Trello、Slack、Asana、Bitbucket和Microsoft Teams嗎? CodeStream支持一大堆工具和IDE,因此你無需離開自己的編程環境即可跟踪問題。

讓開發效率“飛起”的5個VS Code插件 5

這意味著你能有更多時間“呆”在自己的編程世界裡,無需花太多功夫向同事解釋今天遇到的問題。

獲取地址:CodeStream

5、Night Owl

對一款IDE來說,它是有史以來最出色的主題之一。並且,Night Owl是我過去三年中工作的日常標配(下面正是我的工作屏幕截圖)

讓開發效率“飛起”的5個VS Code插件 6

大晚上,你要對自己的眼睛好一些,這樣心情也會舒坦些。

獲取地址:Night Owl

榮譽提名:

Synthwave ‘84

這個編程主題是銀翼殺手風格。它很適合與真皮風衣、蘭博基尼Countach經典跑車和煙霧繚繞的氣氛相搭配。放點蒸汽風格的背景音樂,開始寫代碼吧!

讓開發效率“飛起”的5個VS Code插件 7

與其他主題不同,Synthwave '84需要一些額外的操作才能激活文本發光效果,但一切搞定後,你會覺得物有所值。

獲取地址:Synthwave ‘84

原文鏈接:

5 VS Code Extensions That’ll Change Your Dev Life