十個(gè)不可不知的VS Code小技巧（下）
6 快速刪除某行
使用Ctrl + Shift + K快捷鍵，在幾秒鐘內(nèi)快速刪除某一行和其他幾十行。
7. 享受流暢光標(biāo)的打字體驗(yàn)
VS Code有個(gè)流暢光標(biāo)的功能，當(dāng)光標(biāo)移動(dòng)時(shí)會(huì)進(jìn)行動(dòng)畫效果，就像在MS Word中一樣。這使得打字感覺更加流暢和精細(xì)，同時(shí)在代碼行之間導(dǎo)航和定位光標(biāo)時(shí)給我們帶來更加平滑和自然的感覺。
要啟用它，請(qǐng)?jiān)诿蠲姘逯写蜷_設(shè)置界面，然后搜索“平滑光標(biāo)”。
我們需要找到“編輯器：光標(biāo)平滑光標(biāo)動(dòng)畫”設(shè)置，它有3個(gè)可能的選項(xiàng)：
- off：無光標(biāo)平滑動(dòng)畫
- explicit：僅在我們明確將光標(biāo)放置在代碼中某個(gè)位置時(shí)才進(jìn)行動(dòng)畫。
- on：始終啟用光標(biāo)平滑動(dòng)畫，包括打字時(shí)。
將其設(shè)置為on以獲得完整的視覺體驗(yàn)。
8. 快速格式化代碼
格式化的目的是通過以結(jié)構(gòu)化和一致的方式組織代碼來提高可讀性。
如果你一直在手動(dòng)進(jìn)行格式化，你需要知道有一種更好的方法。
你需要使用“格式化文檔”命令自動(dòng)格式化代碼，這個(gè)命令在命令面板中很容易找到。根據(jù)當(dāng)前文件的語言，將使用特定的“默認(rèn)”格式化程序來使用縮進(jìn)、行長(zhǎng)度、括號(hào)等各種規(guī)則來格式化代碼。
雖然VS Code內(nèi)置的JS/TS格式化程序相當(dāng)不錯(cuò)，但為了獲得更強(qiáng)大的解決方案，強(qiáng)烈推薦使用Prettier擴(kuò)展。
安裝鏈接：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
安裝后，將其設(shè)置為默認(rèn)格式化程序。
當(dāng)你使用手動(dòng)保存而不是自動(dòng)保存時(shí)，有一個(gè)功能可以使格式化更加方便：
Editor: Format On Save：“保存時(shí)格式化文件。必須可用格式化程序，文件不得在延遲后保存，編輯器必須正在關(guān)閉”。默認(rèn)情況下禁用。
因此，啟用此設(shè)置后，當(dāng)你使用Ctrl + S保存文件時(shí)，VS Code將自動(dòng)使用當(dāng)前默認(rèn)的格式化程序?qū)Υa進(jìn)行格式化，就像你在上面的演示中看到的那樣。
當(dāng)你使用自動(dòng)保存時(shí)，“Format On Save”功能不起作用，并且每次需要格式化時(shí)不斷打開命令面板可能會(huì)變得乏味。這就是鍵盤快捷鍵的作用：
- Windows：Shift + Alt + F
- Mac：Shift + Option + F
- Linux：Ctrl + Shift + I
9. 利用多光標(biāo)編輯節(jié)省時(shí)間
多光標(biāo)編輯允許我們?cè)诓煌奈恢梅胖枚鄠€(gè)光標(biāo)，可以多次刪除或插入相同的文本。這樣可以加快編輯速度，極大提高生產(chǎn)力，通過快速創(chuàng)建代碼，我們可以高效地完成重復(fù)的任務(wù)。
當(dāng)然，在編輯時(shí)，至少會(huì)有一個(gè)光標(biāo)。使用Alt + Click添加更多光標(biāo)。
你還可以使用Ctrl + Alt + Down或Ctrl + Alt + Up 快速在當(dāng)前行的上方或下方添加光標(biāo)。
這些快捷鍵分別執(zhí)行“在上方添加光標(biāo)”和“在下方添加光標(biāo)”的命令。
10. 快速創(chuàng)建新文件/文件夾
創(chuàng)建新的文件和文件夾的快捷方式：
你無需不斷移動(dòng)鼠標(biāo)來定位那些小按鈕，你可以直接雙擊資源管理器面板來創(chuàng)建新文件。
那么新建文件夾呢？文件夾是沒有文件的，當(dāng)你創(chuàng)建新文件時(shí)，你可以使用斜杠“/”來表示層次結(jié)構(gòu)，并創(chuàng)建包含該文件的新文件夾和子文件夾。
比如，你可以創(chuàng)建一個(gè)名為“utils”的文件夾來包含“index.js”文件。
使用鍵盤快捷鍵會(huì)更加高效。使用A鍵和Shift + A鍵來分別創(chuàng)建新文件和文件夾。
因?yàn)锳和Shift + A顯然是我們編碼時(shí)使用的鍵，所以我在這里包含了when的值，以確保只有在資源管理器面板具有焦點(diǎn)且當(dāng)前編輯器中沒有活動(dòng)光標(biāo)時(shí)才創(chuàng)建新文件/文件夾。
所以，為了在輸入時(shí)使用這些快捷鍵，你需要首先將焦點(diǎn)集中在資源管理器面板上，可以單擊它，或者使用Ctrl/Command + Shift + E。
主要要點(diǎn)
- 在資源管理器面板中啟用本地源代碼控制，這是默認(rèn)情況下可用的。
- 使用“文件”>“自動(dòng)保存”自動(dòng)保存文件。
- 使用Ctrl + Shift + P或Shift + Command + P在命令面板中運(yùn)行命令。
- 使用Ctrl + P轉(zhuǎn)到文件，在打開的文件之間導(dǎo)航使用Alt + Left/Right或Ctrl + Tab。
- 使用Ctrl + G轉(zhuǎn)到特定行。
- 使用Ctrl + Shift + K刪除一行。
- 通過啟用“編輯器：光標(biāo)平滑光標(biāo)動(dòng)畫”設(shè)置來實(shí)現(xiàn)流暢的輸入體驗(yàn)。
- 使用“格式化文檔”命令格式化代碼，使用Prettier插件，將快捷鍵更改為Ctrl + D，Ctrl + D。
- 使用Alt + 單擊可以同時(shí)使用多個(gè)光標(biāo)。使用Ctrl + Alt + 上/下箭頭添加光標(biāo)。
- 使用Alt/Option + 上/下箭頭在Windows/Mac上移動(dòng)一行。
- 通過雙擊資源管理器面板或設(shè)置自定義鍵盤快捷鍵來創(chuàng)建新文件。使用“文件夾/文件.ext”來在新文件夾中創(chuàng)建新文件。
總結(jié)
Visual Studio Code不僅僅是一個(gè)文本編輯器，更是一個(gè)功能強(qiáng)大的工具，掌握好它可以極大地提高你的生產(chǎn)力并簡(jiǎn)化編碼工作流程。
本文介紹的這十個(gè)技巧只是冰山一角，因此要不斷探索，不斷學(xué)習(xí)。高效編碼的關(guān)鍵不僅在于代碼本身，還在于你用來編寫代碼的工具。
