vscode 插件推薦

VScode如今已經愈來愈完善。性能遠超Atom和webstorm。css

HTML Snippetshtml

    超級實用且初級的 H5代碼片斷以及提示jquery

HTML CSS Supportgit

    讓 html 標籤上寫class 智能提示當前項目所支持的樣式
      新版已經支持scss文件檢索
web

Debugger for Chromechrome

    讓 vscode 映射 chrome 的 debug功能,靜態頁面均可以用 vscode 來打斷點調試。 bootstrap

jQuery Code Snippets微信

    jquery 重度患者必須品app

vscode-icon

    讓 vscode 資源樹目錄加上圖標,必備良品!webstorm

Path Intellisense

    自動路勁補全,默認不帶這個功能的,趕忙裝

Npm Intellisense

    require 時的包提示(最新版的vscode已經集成此功能)

Document this

    js 的註釋模板 (注意:新版的vscode已經原生支持,在function上輸入/** tab)

ESlint

ESlint 接管原生 js 提示,能夠自定製提示規則。這個比較高級,不會的就算了。

HTMLHint

    html代碼檢測

Project Manager

    在多個項目以前快速切換的工具

beautify

    格式化代碼的工具

Bootstrap 3 Sinnpet

    經常使用 bootstrap 的能夠下

Atuo Rename Tag

    修改 html 標籤,自動幫你完成尾部閉合標籤的同步修改。

GitLens

    豐富的git日誌插件

fileheader

    頂部註釋模板,可定義做者、時間等信息,並會自動更新最後修改時間

filesize

    在底部狀態欄顯示當前文件大小,點擊後還能夠看到詳細建立、修改時間

Bracket Pair Colorizer

    讓括號擁有獨立的顏色,易於區分。能夠配合任意主題使用。

Vue插件

vetur

語法高亮、智能感知、Emmet等

VueHelper

snippet代碼片斷

Dracula

目前我以爲是vscode上最漂亮的主題,vscode 1.11+容許自定義statusBar等全局ui後,該主題也跟進改了不少小細節。


本文分享自微信公衆號 - JAVA樂園(happyhuangjinjin88)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索