VS Code:文藝範與實力的完美結合

主題搭配字體設置

提升效率除了高效的工具,當然還有主題外觀,話說長得好看,誰不想多看會,同樣也爲了緩解審美疲勞,自己小小的欺騙一下自己,也是提高工作效率的一種方式。

One Dark Pro 主題

One Dark Pro

Panda Theme

Panda Theme

以上兩款主題以深色調爲主,看起來也是高端大氣上檔次!

Material Icon Theme (文件夾Icon圖標)

Icon文件圖標

主題加Icon文件圖標在一個看臉的時代已經堪稱完美組合。等等!字體也太古板了,怎麼能橫平豎直呢!程序員也是有文藝氣息的嗎,換掉換掉!

FiraCode(字體)

字體下載及安裝地址

FiraCode

嗯,挺好!
字體安裝完後,在設置裏配置一下

"editor.fontFamily": "FiraCode-Medium", // 字體文件名稱
"editor.fontLigatures": true, // 啓用字體連字

借一張配置後的圖比對一下哈:),左側爲配置後的,右側爲配置前的
配置字體前後對比圖

哎呦不錯!

內在實用功能

Polacode

先來張圖看一眼,各種羣裏討論問題時,好多是這麼討論代碼的,見下圖:
大多數是這麼討論問題的

幾行還好,如果是大段大段這樣的代碼,那肯定看都不會看一眼了!

那如果是這樣呢:),這張圖片發羣裏是不是逼格立馬上升了,有人幫你解決問題的成功率是不是提高不少。
Polacode生成的圖片

下面介紹一下插件的使用,就是複製選中左側的內容,在右側直接粘貼,圖片保存就OK了。
Polacode

javascript console utils

還在爲調試代碼時寫一堆的console.log()而發愁嗎,那現在不用了,自動大法好啊!

小二上圖了
console utils

Surround

什麼,你說什麼,像是if elsetry catch等等固定模式代碼你都不想寫了,可以啊,小夥子有前途,安裝Surround插件就搞定了。

快捷鍵自己去插件裏面找哈!

小二我要的菜呢!
Surround

JavaScript Booster

這誰寫的代碼,寫這麼多if ... else,這不是好多可以用? ... :三目運算符簡化嘛,還有的可以把三目運算符?號後面的都可以省略了,還有箭頭函數什麼的也得優化一下啊!好吧,上自動化!只需要點小燈泡就行了或者自行設置快捷鍵

你懂得,小二還沒來!
Booster

GitLens — Git supercharged

git 大法好啊,一般開發離不開他。這個插件也是相當強勢啊!

不好啦,我們店小二跟隔壁王寡婦私奔啦!

git

Error Gutters

警告或者錯誤不夠明顯,一個插件解決他,在萬千錯誤中找到那個警告,誇張誇張!

小二走了,讓掌櫃的端上來!
Error gutters

Settings Sync

我公司電腦vscode配置完美,我在家開發的時候不能重新配置吧!我需要同步一下配置啊,OK,搞定他!

我們掌櫃的病了,起不來了!
setting sync1

在這裏插入圖片描述

TODO Highlight

高亮展示TODO,FIXME

不吃了,回家擼代碼了!

todo

在這裏插入圖片描述

總結:犢子扯完了,希望能給你的開發提供一些便利!

如果你有更好的工具,歡迎微信交流補充
二維碼

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章