最強編輯器 VSCode 系列之插件推薦【不定期更新】
[TOC]
前言
emsp;如果你還不知道這款最強編輯器的話,查看本站熱門文章,最強編輯器 VSCode 系列之入門簡介。
通用
無論你用什麼語言,都會用得到的插件。
Project Manager
項目管理插件。
Path Intellisense
自動提示文件路徑,支持各種快速引入文件。
Setting Sync
在不同電腦同步你的配置和插件。
vscode-fileheader
頂部注釋模板,可自定義作者、時間等信息,並會自動更新最後修改時間。
Bookmarks
給 VSCode 添加書籤功能。
Code Spell Checker
單詞拼寫檢查。
Prettier formatter
VSCode 代碼格式增強工具
Bracket Pair Colorizer
讓不同對括弧顯示不同顏色,方便代碼閱讀。
Error Gutters
讓錯誤、警告更加明顯。
filesize
在底部狀態欄顯示當前文件大小。
Image preview
滑鼠移到路徑上顯示圖片預覽。
Indenticator
在視覺上突出顯示當前的縮進深度。
TODO Highlight/Todo Tree
添加 TODO 功能,標識一些未完成的事件。
Trailing Spaces
夠迅速刪除多行空白。
Polacode
更美觀的代碼分享方式。
前端
做網站怎麼能少得了前端呢。
HTML Snippets
智能提示 HTML 標籤,以及標籤含義。
HTML CSS Support
智能提示 CSS 類名以及 ID。
JavaScript (ES6) code snippets
ES6 語法智能提示,以及快速輸入,不僅僅支持 .js,還支持 .ts.jsx.tsx.html.vue,省去了配置其它各種支持包含 js 代碼文件的時間。
jQuery Code Snippets
jQuery 代碼智能提示。
Auto Close Tag
自動閉合 HTML/XML 標籤。
Auto Rename Tag
同步修改 HTML/XML 另一側標籤。
Beautify
格式化 JavaScript/JSON/CSS/Sass/HTML 代碼,支持自定義格式化代碼規則。
open in browser
使 VSCode 支持 HTML 在瀏覽器中打開的功能。
HTML Boilerplate
在空文件中輸入 html,並按 Tab 鍵,即可生成乾淨的文檔結構。
Color Highlight
直觀顯示顏色代碼(各文件通用)。
SVG Viewer
實用的 SVG 程序。
Git
GitLens
Git 源代碼管理插件,非常強大。
Git History
可以查看歷次提交的作者、日期、Hash 值、提交內容、修改的文件等。
MarkDwon
Markdown Preview Enhanced
一款很好用的完善預覽功能的插件。
Markdown Extended
增強 VSCode 自帶的 MarkDown 語法和功能。
Maridown pdf
將 .md 文件轉換成其他格式。
vscode-pdf
VSCode 中直接打開瀏覽 .pdf 格式的二進位文件。
主題
好的主題讓人事半功倍。
One Dark Pro
源於 Atom 的 One Dark Theme,在配色上 One Dark Pro 要更為豐富一些。博主目前就是用的這個主題插件,不二之選。界面效果如下: