Visual Studio Code 常用插件分享

在這裏插入圖片描述

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

俗話說的好工欲善其事必先利其器,小和尚我今天給大家推薦一些美觀又是實在的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真的卡

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