本篇文章跟大家介紹分享一些VSCode開發必備常用外掛程式。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。
相關推薦:《vscode教學》
紅色為強力推薦,不容錯過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
Live Server
open in browser
Bracket Pair Colorizer
ESLint
vscode-icon 讓vscode 資源樹目錄加上圖標,必備良品!
Debugger for Chrome
# 讓vscode 映射chrome 的debug功能,靜態頁面都可以用vscode 打斷點調試,真666~
IntelliSense for CSS class names in HTML
微信小程式標籤、屬性的智慧補全(同時支援原生小程式、mpvue 和wepy 框架,並提供snippets)
追蹤至樣式表中CSS 類別定義的地方
ctrl 滑鼠左鍵點選class 或滑鼠右鍵「跳到定義(F12)」
#Manta's Stylus Supremacy
jQuery Code Snippets
Class autocomplete for HTML
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
#推薦主題裡設定切換註:
檔案-首選項-顏色主題
## Dracula Theme
One Dark Pro
以上是分享一些VSCode開發常用插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!