vscode 超好用 通用插件

通用插件

HTML Snippets

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

HTML CSS Support

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

Debugger for Chrome

讓 vscode 映射 chrome 的 debug功能,靜態頁面都可以用 vscode 來打斷點調試,真666~ 
配置稍微複雜一些,哪天心情好我再另寫教程吧~

jQuery Code Snippets

jquery 重度患者必須品,廢話不多說,上圖

vscode-icon

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

Path Intellisense

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

Npm Intellisense

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

Document this

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

ESlint

ESlint 接管原生 js 提示,可以自定製提示規則。這個比較高玩,不會的就算了,
詳情配置請看我的另一篇文章 https://segmentfault.com/a/11...

HTMLHint

html代碼檢測

Project Manager

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

beautify

格式化代碼的工具

Bootstrap 3 Sinnpet

常用 bootstrap 的可以下

Atuo Rename Tag

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

GitLens

豐富的git日誌插件

fileheader

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

filesize

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

Bracket Pair Colorizer

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

主題

Material

冷門、好看、實用。此主題已停更許久

Dracula

目前我覺得是vscode上最漂亮的主題,vscode 1.11+允許自定義statusBar等全局ui後,該主題也跟進改了很多小細節,良心!~

One Dark Pro

源於Atom,老版本的Atom One Dark主題可以扔了.


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