VSCode開發常用的插件有哪些

這篇文章給大家分享的是有關VSCode開發常用的插件有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

Visual Studio Code必備常用插件

紅色為強力推薦，不容錯過 o(∩_∩)o

• Chinese (Simplified) Language Pack for Visual Studio Code
  簡體中文包

• Prettier - Code formatter
  最強格式化，不接受反駁（在應用商店中卸載JS-CSS-HTML Formatter以免出現保存時自動格式化了）

• HTML Snippets
  超級實用且初級的 H5代碼片段以及提示

• Code Runner
  代碼編譯運行看結果，支持眾多語言

• GitLens
  豐富的git日志插件

• vetur
  vue語法高亮、智能感知、Emmet等

• HTML CSS Support
  讓 html 標簽上寫class 智能提示當前項目所支持的樣式。新版已經支持scss文件檢索，這個也是必備插件之一

• Auto Close Tag
  匹配標簽，關閉對應的標簽。很實用【HTML/XML】

• Auto Rename Tag
  修改 html 標簽，自動幫你完成尾部閉合標簽的同步修改

• Path Intellisense
  路徑智能提示

• JavaScript (ES6) code snippets
  該插件為JavaScript、TypeScript、HTML、React和Vue提供了ES6語法支持。

• Live Server
  瀏覽器實時刷新。右鍵“Open With Live Server”開啟

• open in browser
  從瀏覽器中查看html文件，使用系統的當前默認瀏覽器

• Bracket Pair Colorizer
  讓括號擁有獨立的顏色，易于區分。可以配合任意主題使用。

• ESLint
  ESLint代碼檢測校驗

• vscode-icon
  讓 vscode 資源樹目錄加上圖標，必備良品！

• Debugger for Chrome
  讓 vscode 映射 chrome 的 debug功能，靜態頁面都可以用 vscode 來打斷點調試，真666~

• IntelliSense for CSS class names in HTML
  把項目中 css 文件里的名稱智能提示在 html 中

• minapp
  微信小程序標簽、屬性的智能補全（同時支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

• CSS Peek
  追蹤至樣式表中 CSS 類定義的地方
  ctrl+鼠標左鍵點擊class 或 鼠標右鍵“跳轉到定義（F12）”

• Manta’s Stylus Supremacy
  格式化stylus

• jQuery Code Snippets
  jquery 重度患者必須品

• Class autocomplete for HTML
  編寫html代碼的朋友們對html代碼的一大體現就是重復，如果純用手敲不僅累還會影響項目進度，這款自動補全插件真的很棒；

• JavaScript Snippet Pack
  針對js的插件，包含了js的常用語法關鍵字，很實用；

• Path Autocomplete
  路徑智能補全

• beautify
  格式化代碼的工具，可以格式化JSON|JS|HTML|CSS|SCSS,比內置格式化好用

• HTMLHint
  html代碼檢測

• VSCode Great Icons
  另一款資源樹目錄圖標

• colorize
  會給顏色代碼增加一個當前匹配代碼顏色的背景，非常好

• Color Info
  提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息了。

• vscode-fileheader
  頂部注釋模板，可定義作者、時間等信息，并會自動更新最后修改時間

• Document This
  js 的注釋模板 （注意：新版的vscode已經原生支持,在function上輸入/** tab）

• filesize
  在底部狀態欄顯示當前文件大小，點擊后還可以看到詳細創建、修改時間

• Bootstrap 3 Sinnpet
  常用 bootstrap 的可以下

• VueHelper
  vue代碼提示

• Bookmarks
  一個書簽工具,還是很有必要的

• tortoise-svn
  SVN的集成插件

感謝各位的閱讀！關于VSCode開發常用的插件有哪些就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！