Visual Studio Code 常用外掛分享

一葉小和尚發表於2019-10-07

在這裡插入圖片描述

只有永遠躺在泥坑裡的人,才不會再掉進坑裡。——黑格爾

俗話說的好工欲善其事必先利其器,小和尚我今天給大家推薦一些美觀又是實在的VS外掛,Let ' s go

功能篇

Auto Rename Tag

自動匹配修改元素(html元素只需修改一端,另一端自動跟著修改)

在這裡插入圖片描述

Auto Close Tag

自動閉合html元素(寫出元素的開始端後,閉合端自動生成)

在這裡插入圖片描述

Code Spell Checker

單詞檢測(英文單詞拼寫不準確人士必備)

在這裡插入圖片描述

Comment Translate

註釋翻譯(終於不怕看老外寫註釋了!功能可不僅僅是註釋翻譯?)

在這裡插入圖片描述

ESLint

程式碼規範校驗(無規矩,不成方圓。為了少些bug,這個還是很必要的)

Git History

檢視git歷史記錄(看看同事是不是又偷偷改程式碼了)

在這裡插入圖片描述

lit-html

js程式碼中進行html元素提示

在這裡插入圖片描述

Live Server

開啟本地伺服器

在這裡插入圖片描述

Markdown Preview Enhanced

使用Markdon語法編寫檔案(讓你感覺記筆記不在無聊)

在這裡插入圖片描述

Path Intellisense

書寫相對路徑自動提示(真的非常有用)

在這裡插入圖片描述

Project Manager

專案管理(快速切換專案)

在這裡插入圖片描述

視覺篇

Bracket Pair Colorizer

彩色括號配對(可別再說括號太多,找不了誰和誰匹配了)

在這裡插入圖片描述

indent-rainbow

彩色縮排

在這裡插入圖片描述

One Dark Pro

一款我非常喜歡的主題

在這裡插入圖片描述

TODO Highlight

TODO高亮

在這裡插入圖片描述

Trailing Spaces

高亮多餘空格(節約資源,從我做起)

在這裡插入圖片描述

Vibrancy

毛玻璃背景效果(Windows能調節透明度;Mac不能調整,只能用預設的)

在這裡插入圖片描述

擴充套件篇

RemoteHub

將github專案直接在本地開啟(再也不需要clone專案了)

在這裡插入圖片描述

koroFileHeader

自動在檔案頂部新增作者資訊(不打上點自己的logo,感覺程式碼都不是親生的)

在這裡插入圖片描述

LeetCode

閒暇之餘,刷刷演算法題,也不失為一種樂趣

在這裡插入圖片描述

Polacode

程式碼擷取(再也不怕截出馬賽克畫質的程式碼了)

在這裡插入圖片描述

Todo Tree

快速檢視含有TODO標記的檔案(今天你完成了你目標了嘛)

在這裡插入圖片描述

Code Ace Jumper

游標跳轉(多選功能,比跳轉實用)(釋放滑鼠,一個鍵盤走天涯)

在這裡插入圖片描述

溫馨提示:建議去setting關閉Search:followSymlinks,不然VScode真的卡

相關文章