VSCode拓展插件推薦(HTML剔交、Node肆饶、Vue、React開發(fā)均適用)

不廢話直接放出.大家可以直去看

插件列表

Auto Close Tag
自動(dòng)閉合HTML標(biāo)簽

Auto Import
Typescript自動(dòng)import提示

Auto Rename Tag
修改HTML標(biāo)簽時(shí)省容,自動(dòng)修改匹配的標(biāo)簽

Beautify css/sass/scss/less
css/sass/less格式化

Better Comments
編寫更加人性化的注釋

Bookmarks
添加行書簽

Can I Use
HTML5抖拴、CSS3、SVG的瀏覽器兼容性檢查

Code Runner
運(yùn)行選中代碼段(支持大量語言腥椒,包括Node)

Code Spellchecker
單詞拼寫檢查

CodeBing
在VSCode中彈出瀏覽器并搜索,可編輯搜索引擎

Color Highlight
顏色值在代碼中高亮顯示

Color Info
小窗口顯示顏色值候衍,rgb,hsl,cmyk,hex等等

Color Picker
拾色器

Document This
注釋文檔生成

ESLint
ESLint插件笼蛛,高亮提示

EditorConfig for VS Code
EditorConfig插件

Emoji
在代碼中輸入emoji

File Peek
根據(jù)路徑字符串,快速定位到文件

Font-awesome codes for html
FontAwesome提示代碼段

Git Blame
在狀態(tài)欄顯示當(dāng)前行的Git信息

Git History(git log)
查看git log

GitLens
顯示文件最近的commit和作者蛉鹿,顯示當(dāng)前行commit信息

Guides
高亮縮進(jìn)基準(zhǔn)線

Gulp Snippets
Gulp代碼段

HTML CSS Class Completion
CSS class提示

HTML CSS Support
css提示(支持vue)

HTMLHint
HTML格式提示

htmltagwrap
包裹HTML

Import Cost
行內(nèi)顯示導(dǎo)入(import/require)的包的大小

Indenticator
縮進(jìn)高亮

IntelliSense for css class names
css class輸入提示

JavaScript (ES6) code snippets
ES6語法代碼段

JavaScript Standard Style
Standard風(fēng)格

JSON to TS
JSON結(jié)構(gòu)轉(zhuǎn)化為typescript的interface

JSON Tools
格式化和壓縮JSON

Less IntelliSense
less變量與混合提示

Lodash
Lodash代碼段

Log Wrapper
生產(chǎn)打印選中變量的代碼

MochaSnippets
Mocha代碼段

Node modules resolve
快速導(dǎo)航到Node模塊

Code Outline
展示代碼結(jié)構(gòu)樹

Output Colorizer
彩色輸出信息

Partial Diff
對比兩段代碼或文件

Path Autocomplete
路徑完成提示

Path Intellisense
另一個(gè)路徑完成提示

PostCss Sorting
css排序

Prettify JSON
格式化JSON

Project Manager
快速切換項(xiàng)目

Quokka.js
不需要手動(dòng)運(yùn)行滨砍,行內(nèi)顯示變量結(jié)果

REST Client
發(fā)送REST風(fēng)格的HTTP請求

React Native Storybooks
storybook預(yù)覽插件,支持react

React Playground
為編輯器提供一個(gè)react組件運(yùn)行環(huán)境妖异,方便調(diào)試

React Standard Style code snippets
react standar風(fēng)格代碼塊

Sass
sass插件

Settings Sync
VSCode設(shè)置同步到Gist

Sort Typescript Imports
typescript的import排序

Sort lines
排序選中行

String Manipulation
字符串轉(zhuǎn)換處理(駝峰惋戏、大寫開頭、下劃線等等)

Syncing
vscode設(shè)置同步到gist

TODO Parser
Todo管理

TS/JS postfix completion
ts/js前綴提示

TSLint
TypeScript語法檢查

Test Spec Generator
測試用例生成(支持chai他膳、should响逢、jasmine)

TypeScript Import
TS自動(dòng)import

TypeSearch
TS聲明文件搜索

Types auto installer
自動(dòng)安裝@types聲明依賴

VSCode Great Icons
文件圖標(biāo)拓展

Version Lens
package.json文件顯示模塊當(dāng)前版本和最新版本

View Node Package
快速打開選中模塊的主頁和代碼倉庫

VueHelper
Vue2代碼段(包括Vue2 api、vue-router2棕孙、vuex2)

filesize
狀態(tài)欄顯示當(dāng)前文件大小

ftp-sync
同步文件到ftp

gitignore
.gitignore文件語法

htmltagwrap
快捷包裹html標(biāo)簽

language-stylus
Stylus語法高亮和提示

markdownlint
Markdown格式提示

npm Intellisense
導(dǎo)入模塊時(shí)舔亭,提示已安裝模塊名稱

npm
運(yùn)行npm命令

stylelint
css/sass/less代碼風(fēng)格

vetur
目前比較好的Vue語法高亮

vscode-database
操作數(shù)據(jù)庫些膨,支持mysql和postgres

vscode-icons
文件圖標(biāo),方便定位文件

vscode-random
隨機(jī)字符串生成器

vscode-styled-components
styled-components高亮支持

vscode-styled-jsx
styled-jsx高亮支持

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末钦铺,一起剝皮案震驚了整個(gè)濱河市订雾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌矛洞,老刑警劉巖洼哎,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異沼本,居然都是意外死亡谱净,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進(jìn)店門擅威,熙熙樓的掌柜王于貴愁眉苦臉地迎上來壕探,“玉大人,你說我怎么就攤上這事郊丛±钋耄” “怎么了?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵厉熟,是天一觀的道長导盅。 經(jīng)常有香客問我,道長揍瑟,這世上最難降的妖魔是什么白翻? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮绢片,結(jié)果婚禮上滤馍,老公的妹妹穿的比我還像新娘。我一直安慰自己底循,他們只是感情好巢株,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著熙涤,像睡著了一般阁苞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上祠挫,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天那槽,我揣著相機(jī)與錄音,去河邊找鬼等舔。 笑死骚灸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的软瞎。 我是一名探鬼主播逢唤,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼拉讯,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了鳖藕?” 一聲冷哼從身側(cè)響起魔慷,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎著恩,沒想到半個(gè)月后院尔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡喉誊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年邀摆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片伍茄。...
    茶點(diǎn)故事閱讀 38,064評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡栋盹,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出敷矫,到底是詐尸還是另有隱情例获,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布曹仗,位于F島的核電站榨汤,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏怎茫。R本人自食惡果不足惜收壕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望轨蛤。 院中可真熱鬧蜜宪,春花似錦、人聲如沸俱萍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽枪蘑。三九已至,卻和暖如春岖免,著一層夾襖步出監(jiān)牢的瞬間岳颇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工颅湘, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留话侧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓闯参,卻偏偏與公主長得像瞻鹏,于是被迫代替她去往敵國和親悲立。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內(nèi)容