vscd 前端最實用的插件,有這幾個就夠了

indent-rainbow
對應括號縮進代碼,並用不同的顏色標註,使代碼看起來更整潔,
在這裏插入圖片描述
Bracket Pair Colorizer 2

標記對應括號還有折線指示,好用的不行。有助於快速定位代碼起始位置。

在這裏插入圖片描述chinese 中文
爲大陸用戶而生
在這裏插入圖片描述
Vetur

開發vue 必備神器自動補全代碼。語法高亮。提高代碼效率。特別好用。

在這裏插入圖片描述
power-mode 寫代碼特效

這是一款恆牛逼的特效
打開vscd 設置搜索 settings 點擊打開 settings.lson
在這裏插入圖片描述

在 settings.json 中添加自己喜歡的特效
在這裏插入圖片描述

{
    "workbench.colorTheme": "Atom One Dark",
    "editor.minimap.enabled": false,
    "window.zoomLevel": 0,
    // 下面三句添加就可以
    "powermode.enabled": true,
    "powermode.enableShake": false,
    //切換特效
    "powermode.presets": "flames",
    "indentRainbow.indentSetter": {
    
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    }
}

特效說明截圖
“powermode.presets”: “simple-rift”
在這裏插入圖片描述
“powermode.presets”: “exploding-rift”在這裏插入圖片描述

“powermode.presets”: “fireworks”在這裏插入圖片描述
“powermode.presets”: “flames”

在這裏插入圖片描述

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