前端開發(fā)過程中使用的一些vscode插件

? ? 在vscode之前仇箱,我一直用的都是webstorm,不得不說东羹,webstorm還是非常強(qiáng)大的剂桥,功能也很齊全,但是作為一個(gè)打工人属提,沒錢買正版权逗,一直使用的都是破解版。后來聽說vscode很強(qiáng)大冤议,而且開源斟薇,所以我也還是換上了vscode。但是vscode是需要自己安裝一些插件的才能更好地開發(fā)恕酸,所以我也記錄一下我使用的一些插件堪滨,方便自己以后查詢使用。

Auto Close Tag:自動(dòng)添加關(guān)閉標(biāo)簽?Auto Close Tag - Visual Studio Marketplace

Auto Rename Tag:自動(dòng)重命名標(biāo)簽蕊温,重命名前面的標(biāo)簽袱箱,關(guān)閉標(biāo)簽一起重命名了 Auto Rename Tag - Visual Studio Marketplace

Beautify:美化javascript遏乔,JSON,CSS发笔,Sass盟萨,和HTML在Visual Studio代碼。 Beautify - Visual Studio Marketplace

Bracket Pair Colorizer:支架對著色器了讨,主要是對齊前后的(),{},[]等符號(hào)捻激,會(huì)有不同的顏色區(qū)分 Bracket Pair Colorizer - Visual Studio Marketplace

Chinese (Simplified) Language Pack for Visual Studio Code:適用于 VS Code 的中文(簡體)語言包 Chinese (Simplified) Language Pack for Visual Studio Code - Visual Studio Marketplace

Debugger for Chrome:通過VS Code調(diào)試在Google Chrome中運(yùn)行的JavaScript代碼(這個(gè)我暫時(shí)沒有使用過) Debugger for Chrome - Visual Studio Marketplace

ESLint:eslint代碼檢查(其實(shí)這個(gè)也不需要,vue的話可以在項(xiàng)目里自己定義eslint規(guī)則) ESLint - Visual Studio Marketplace

HTML CSS Support:這個(gè)自不用多說量蕊,適用于HTML的Visual Studio Code CSS Intellisense铺罢,使得vscode支持我們的html和css開發(fā) HTML CSS Support - Visual Studio Marketplace

IntelliSense for CSS class names in HTML:用于在html中查找css艇挨,比如輸入一個(gè)class類名可以有提示 IntelliSense for CSS class names in HTML - Visual Studio Marketplace

JavaScript (ES6) code snippets:VS代碼JavaScript(ES6)代碼段残炮,主要是方便,比如輸入imp→導(dǎo)入整個(gè)模塊?import fs from 'fs'等等 JavaScript (ES6) code snippets - Visual Studio Marketplace

Path Intellisense:自動(dòng)完成文件名的Visual Studio Code插件缩滨,用于提示文件路徑 Path Intellisense - Visual Studio Marketplace

Vetur:vue支持势就,開發(fā)vue必須要裝的 Vetur - Visual Studio Marketplace

Vue CSS Peek:為單頁面的 vue 文件提供 css 轉(zhuǎn)定義的支持,command+點(diǎn)擊找到css定義在哪脉漏,但是我還是會(huì)用commond+F查找比較多一點(diǎn)苞冯,不支持scss,less Vue CSS Peek - Visual Studio Marketplace

Vue Peek:該擴(kuò)展使用擴(kuò)展功能擴(kuò)展了Vue代碼編輯侧巨,Go To Definition并Peek Definition支持單文件組件中的組件和文件.vue名舅锄。它允許快速跳轉(zhuǎn)或?yàn)g覽作為組件(從模板)或模塊導(dǎo)入(從腳本)引用的文件。 Vue Peek - Visual Studio Marketplace

vue-helper:該插件主要增強(qiáng)了Element-UI司忱,VUX皇忿,IVIEW的編寫Vue和擴(kuò)展的能力,這些功能在寫的過程中會(huì)有提示坦仍,還是挺方便的 vue-helper - Visual Studio Marketplace

IntelliJ IDEA Keybindings:用于Visual Studio Code的一些快捷鍵和IntelliJ IDEA鍵綁定(剛開始的時(shí)候不習(xí)慣vscode鳍烁,還是用的webstorm的一些快捷鍵習(xí)慣,后來還是覺得既然用了vscode就應(yīng)該熟悉一下vscode的快捷鍵繁扎,所以這個(gè)我暫時(shí)禁用了) IntelliJ IDEA Keybindings - Visual Studio Marketplac

GitLens — Git supercharged:它可以幫助您通過Git責(zé)任注釋和代碼鏡頭一目了然地看到代碼作者的身份幔荒,無縫地導(dǎo)航和瀏覽Git存儲(chǔ)庫,通過強(qiáng)大的比較命令獲得有價(jià)值的見解梳玫,等等爹梁。


{

? ? "editor.fontSize": 16,

? ? "editor.detectIndentation": false,

? ? "git.ignoreMissingGitWarning": true,

? ? "files.autoGuessEncoding": true,

? ? "editor.formatOnSave": false,

? ? "editor.formatOnPaste": false,

? ? "editor.formatOnType": false,

? ? // "terminal.integrated.shell.windows": "D:\\Git\\bin\\bash.exe",

? ? // "terminal.external.windowsExec": "D:\\Git\\bin\\bash.exe",

? ? "terminal.integrated.profiles.windows": {

? ? ? "Git-bash": {

? ? ? ? "path": "D:\\Git\\bin\\bash.exe",

? ? ? ? "args": []

? ? ? }

? ? },

? ? "terminal.integrated.defaultProfile.windows": "Git-bash",

? ? "editor.tabSize": 2,

? ? // "files.autoSave": "afterDelay",

? ? "editor.snippetSuggestions": "top",

? ? "[html]": {

? ? ? "editor.defaultFormatter": "HookyQR.beautify"

? ? },

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市提澎,隨后出現(xiàn)的幾起案子姚垃,更是在濱河造成了極大的恐慌,老刑警劉巖虱朵,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件莉炉,死亡現(xiàn)場離奇詭異钓账,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)絮宁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進(jìn)店門梆暮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人绍昂,你說我怎么就攤上這事啦粹。” “怎么了窘游?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵唠椭,是天一觀的道長。 經(jīng)常有香客問我忍饰,道長贪嫂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任艾蓝,我火速辦了婚禮力崇,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘赢织。我一直安慰自己亮靴,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布于置。 她就那樣靜靜地躺著茧吊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪八毯。 梳的紋絲不亂的頭發(fā)上搓侄,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天,我揣著相機(jī)與錄音宪彩,去河邊找鬼休讳。 笑死,一個(gè)胖子當(dāng)著我的面吹牛尿孔,可吹牛的內(nèi)容都是我干的俊柔。 我是一名探鬼主播,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼活合,長吁一口氣:“原來是場噩夢啊……” “哼雏婶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起白指,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤留晚,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后告嘲,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體错维,經(jīng)...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡奖地,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了赋焕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片参歹。...
    茶點(diǎn)故事閱讀 40,615評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖隆判,靈堂內(nèi)的尸體忽然破棺而出犬庇,到底是詐尸還是另有隱情,我是刑警寧澤侨嘀,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布臭挽,位于F島的核電站,受9級(jí)特大地震影響咬腕,放射性物質(zhì)發(fā)生泄漏欢峰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一郎汪、第九天 我趴在偏房一處隱蔽的房頂上張望赤赊。 院中可真熱鬧,春花似錦煞赢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至瘦陈,卻和暖如春凝危,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背晨逝。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工蛾默, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人捉貌。 一個(gè)月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓支鸡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親趁窃。 傳聞我的和親對象是個(gè)殘疾皇子牧挣,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,630評論 2 359

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