我的VS Code設(shè)置

主題:

1.Snazzy Operator,
2.SynthWave '84

字體:

  1. JetBrains Mono
    其他一些字體:
    Operator Mono - 支持連字。
    Fira Code - 免費并支持連字享郊。
    Dank Mono - 付費并支持連字宋税。
    在 VS Code 中,按 Ctrl + P坪圾,輸入 settings.json 并打開該文件∠郏現(xiàn)在,用我的給定值替換下面的屬性值兽泄。
{
  "workbench.colorTheme": "Snazzy Operator",
  "editor.fontFamily": "'JetBrains Mono', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 22,
  "editor.letterSpacing": 0.5,
  "editor.fontWeight": "400",
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "solid"
}

圖標(biāo):

1.Material Icon Theme

我使用的擴展:

1.Auto Rename Tag —— 自動重命名配對的 HTML / XML 標(biāo)簽漓概,也可以在 JSX 中使用。
2.Bracket Pair Colorizer 2 —— 此擴展名允許用顏色標(biāo)識匹配的括號病梢,用戶可以定義要匹配的符號胃珍,以及要使用的顏色。
3.Color Highlight —— 此擴展程序設(shè)置在文檔中找到的 css / web 顏色的樣式
4.CSS Peek

Peek:內(nèi)聯(lián)加載 css 文件并在那里進行快速編輯蜓陌。(Ctrl + Shift + F12)
Go to:直接跳轉(zhuǎn)到 CSS 文件或在新的編輯器(F12)中打開
Hover:在符號上懸停顯示定義(Ctrl + hover)

5.DotENV —— 在 .env 文件中高亮顯示鍵值對觅彰。
6.ES7 React/Redux/GraphQL/React-Native snippets —— 該擴展為您提供 ES7 中的 JavaScript 和 React / Redux 片段,以及 VS Code 的 Babel 插件功能钮热。
7.Highlight Matching Tag —— 突出顯示匹配的開始或結(jié)束標(biāo)簽填抬。
8.Image preview —— 懸停時顯示圖像預(yù)覽。
9.Indent Rainbow——此擴展使文本前面的縮進著色隧期,在每個步驟上交替使用四種不同的顏色飒责。
10:REST Client —— REST Client 允許您發(fā)送 HTTP 請求并直接在 Visual Studio Code 中查看響應(yīng)。
11.Settings Sync —— 使用 GitHub Gist 在多臺機器上同步設(shè)置仆潮,代碼片段宏蛉,主題,文件圖標(biāo)鸵闪,啟動檐晕,鍵綁定,工作區(qū)和擴展蚌讼。
12.TODO Highlight —— 在代碼中突出顯示 TODO辟灰,F(xiàn)IXME 和其他注釋
13.Version Lens —— 顯示 package.json 文件中每個軟件包的最新版本

vue相關(guān)

1.Vetur —— 語法高亮、智能感知篡石、Emmet等
1.EsLint —— 語法糾錯
2.Auto Close Tag —— 自動閉合HTML/XML標(biāo)簽
3.Auto Rename Tag —— 自動完成另一側(cè)標(biāo)簽的同步修改
4.JavaScript(ES6) code snippets —— ES6語法智能提示以及快速輸入芥喇,除js外還支持.ts,.jsx凰萨,.tsx继控,.html械馆,.vue,省去了配置其支持各種包含js代碼文件的時間
5.Path Intellisense —— 自動路勁補全
6.HTML CSS Support —— 讓 html 標(biāo)簽上寫class 智能提示當(dāng)前項目所支持的樣式

有用的 VS Code 快捷鍵

Ctrl + P :轉(zhuǎn)到文件武通,您可以在 Visual Studio Code 中移動到打開的文件/文件夾的任何文件霹崎。
Ctrl + ` :在 VS Code 中打開 terminal
Alt + Down:下移一行
Alt + Up:上移一行
Ctrl + D:將選定的字符移動到下一個匹配字符串上
Ctrl + Space:觸發(fā)建議
Shift + Alt + Down:向下復(fù)制行
Shift + Alt + Up:向上復(fù)制行
Ctrl + Shift + T:重新打開最新關(guān)閉的窗口

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市冶忱,隨后出現(xiàn)的幾起案子尾菇,更是在濱河造成了極大的恐慌,老刑警劉巖囚枪,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件派诬,死亡現(xiàn)場離奇詭異,居然都是意外死亡链沼,警方通過查閱死者的電腦和手機默赂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來括勺,“玉大人缆八,你說我怎么就攤上這事〕” “怎么了耀里?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長拾氓。 經(jīng)常有香客問我冯挎,道長,這世上最難降的妖魔是什么咙鞍? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任房官,我火速辦了婚禮,結(jié)果婚禮上续滋,老公的妹妹穿的比我還像新娘翰守。我一直安慰自己,他們只是感情好疲酌,可當(dāng)我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布蜡峰。 她就那樣靜靜地躺著,像睡著了一般朗恳。 火紅的嫁衣襯著肌膚如雪湿颅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天粥诫,我揣著相機與錄音油航,去河邊找鬼。 笑死怀浆,一個胖子當(dāng)著我的面吹牛谊囚,可吹牛的內(nèi)容都是我干的怕享。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼镰踏,長吁一口氣:“原來是場噩夢啊……” “哼函筋!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起奠伪,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤驻呐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后芳来,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡猜拾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年即舌,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挎袜。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡顽聂,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出盯仪,到底是詐尸還是另有隱情紊搪,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布全景,位于F島的核電站耀石,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏爸黄。R本人自食惡果不足惜滞伟,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望炕贵。 院中可真熱鬧梆奈,春花似錦、人聲如沸称开。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鳖轰。三九已至清酥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間脆霎,已是汗流浹背总处。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留睛蛛,地道東北人鹦马。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓胧谈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親荸频。 傳聞我的和親對象是個殘疾皇子菱肖,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,689評論 2 354

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