有趣的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，都會有驚喜喲~