VS Code 左側(cè)圖標(biāo)列表是“活動欄”,我們可以點(diǎn)擊圖標(biāo)跳轉(zhuǎn)到各個(gè)模塊,我們可以通過配置 workbench.activityBar.visible 來控制活動欄的顯示;
如果你想恢復(fù)顯示,可以自定義快捷鍵來再次顯示這塊空間;
如何設(shè)置快捷鍵:keybindings
我們可以用 Ctrl+B 來隱藏/顯示文件資源管理器,用 Ctrl+Alt+B 來隱藏/顯示活動欄;
雖然,你也可以在命令面板 Ctrl+Shift+P 中搜索,不過使用快捷鍵就更有裝杯效果~
活動欄在隱藏狀態(tài)下,我們也可以通過快捷鍵跳轉(zhuǎn)到不同的工作空間,比如 Ctrl+Shift+E(跳轉(zhuǎn)到文件資源管理器)、Ctrl+Shift+X(跳轉(zhuǎn)到擴(kuò)展)、Ctrl+Shift+H(搜索和替換)等
GitHub Copilot 是 VS Code 的一個(gè)擴(kuò)展,可在你編寫代碼時(shí)生成片段代碼;
由于它是人工智能、機(jī)器學(xué)習(xí),有可能會產(chǎn)生一些你不喜歡的代碼,但是請別仇視它,畢竟 AI 編碼是未來趨勢!
處于隱私考慮,建議不要在工作中使用 Copilot,但是可以在個(gè)人項(xiàng)目中使用它,有趣又有用,尤其是對于單元測試;
可以在 settings.json 中配置 Copilot;
這個(gè)不多做解釋,根據(jù)自己的需求進(jìn)行文字大小及縮放比例的配置;
當(dāng)然,你不一定要在 settings.json 中去編寫這個(gè)配置,也可以在可選項(xiàng)及輸入配置窗口進(jìn)行配置。
如果你對自己的編程技能足夠自信,或者對 VS Code 的 Ctrl+Z 足夠自信,你可以配置取消刪除確認(rèn);因?yàn)橥献?刪除確認(rèn)有時(shí)也會干擾思路~
VS Code 的最佳功能之一是它的文件導(dǎo)入很友善,使用絕對路徑,例如:@/components/Button 比 ../../Button 更讓人舒適;
當(dāng)移動文件重新組織目錄時(shí),希望 VS Code 能自動更新文件的路徑?你可以配置它們:
請注意,您需要在 .tsconfig/.jsconfig 文件中配置路徑才能使用絕對路徑導(dǎo)入。
配置過 ESLint 保存修正的應(yīng)該都知道這個(gè)配置。這個(gè)非常強(qiáng)大,出了 fixAll,還能 addMissingImports 補(bǔ)充缺少的 Imports,或者其它你想在保存后執(zhí)行的行為;
這個(gè)配置就像是編程魔法~
你可能已經(jīng)在使用 Stylelint 了,如果沒有,請?jiān)谂渲弥性O(shè)置它!
另一個(gè)設(shè)置是 editor.suggest.insertMode,當(dāng)設(shè)置為“replace”時(shí),意味著——當(dāng)你選擇一個(gè)提示并按 Tab 或 Enter 時(shí),將替換整個(gè)文本為提示,這非常有用。
你可能熟悉 Emmet —— Web 開發(fā)人員必備工具包,如果沒有,請?jiān)O(shè)置它;雖然它內(nèi)置于 VS Code,但必須手動配置啟用;
Tailwind CSS 是一個(gè)功能類優(yōu)先的 CSS 框架,它集成了諸如 flex, pt-4, text-center 和 rotate-90 這樣的的類,它們能直接在腳本標(biāo)記語言中組合起來,構(gòu)建出任何設(shè)計(jì)。
雖然它目前尚未內(nèi)置在 VS Code 中,但可作為免費(fèi)的 VS Code 擴(kuò)展進(jìn)行安裝使用,還可以配置附加設(shè)置增強(qiáng)它的功能!
VS Code 默認(rèn)用戶界面,有個(gè)奇怪的現(xiàn)象,它需要雙擊才能從文件資源管理器中打開文件。
單擊一下得到的是奇怪的“預(yù)覽”模式,當(dāng)你單擊下一個(gè)文件時(shí),第一個(gè)文件就會消失。這就像只有一個(gè)標(biāo)簽。
需要進(jìn)行這個(gè)配置,關(guān)閉后,單擊將在新選項(xiàng)卡中打開文件。問題解決了~
將配置用 Settings Sync 進(jìn)行同步,去哪都能個(gè)性化、自定義!酷的!