有趣的vscode插件


創意的 vscode 插件

本篇LIST

代碼神器 - Power Mode
高亮標識 - Todo Tree
彩虹屁 - Rainbow Fart

代碼神器 - Power Mode

首先,介紹的第一款插件是Power Mode,它可以讓你的編程過程變得更加快樂(如下圖)。
除了上面那種效果外,這個插件還有其他的幾種效果,都是不錯的。接下來我們來學習一下如何使用吧!
首先我們在 vscode 插件欄搜索 Power Mode(如下圖)。
在這里插入圖片描述
然后我們點擊安裝,安裝后我們按下鍵盤組合鍵 ``Ctrl + Shift + P,然后輸入 setting,打開 JSON 配置文件(如下圖)

在最后添加下面三行配置:


"powermode.enabled": true, // 開啟 Power Mode

"powermode.shakeIntensity": 0, // 關閉抖動(喜歡的也可以選擇不關閉)

"powermode.presets": "particles", // 特效預設,還有 "fireworks", "flames", "magic", "clippy", "simple-rift", "exploding-rift"

好了,可以開始你的 “特效編程之旅” 了!

高亮標識 - Todo Tree

我們在平時的業務開發中,代碼文件越寫越多,單文件越來越長。在修改代碼時,總是需要頻繁在文件中尋找想要的內容,或者在文件中上下滾動來尋找目標代碼,然后進行修改。

這里可以推薦一個插件來幫助提高效率,那就是 Todo Tree,我們在應用商店搜索進行安裝后,我們只需要添加 // TODO: 這樣的注釋代碼,我們就可以在 Todo Tree 中快速定位到這行注釋(如下圖)。
在這里插入圖片描述
在這里插入圖片描述
我們還可以通過下面的設置(setting.json),自定義顏色與高亮代碼,然后我們就可以迅速定義關鍵方法的位置啦(如下圖)。
在這里插入圖片描述


"todo-tree.highlights.customHighlight": {

"API": { // 關鍵詞

"background": "green", // 背景顏色

"icon": "issue-closed", // icon

"rulerColour": "green", // 文字顏色

"iconColour": "green" // icon 顏色

},

"METHOD": {

"foreground": "black",

"background": "yellow",

"icon": "issue-closed",

"rulerColour": "yellow",

"iconColour": "yellow"

},

},

彩虹屁 - Rainbow Fart

Rainbow Fart 是個鼓勵師插件,在你敲代碼的時候一直鼓勵你,語音包可以選擇聲音甜美的小姐姐。

安裝完成后,按下鍵盤組合鍵 Ctrl + Shift + P,輸入 Enable Rainbow Fart 並回車,這時候會打開一個新頁面用於播放語音(如下圖)。
在這里插入圖片描述
這時候,新建一個文件開始敲代碼吧,比如寫一個 for 循環,或者寫一個 function,都會有驚喜喲~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM