主題:
1.Snazzy Operator,
2.SynthWave '84
字體:
- 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)閉的窗口