本篇文章通過(guò)動(dòng)圖給大家展示一下在VSCode中怎么高效寫代碼，希望對(duì)需要的朋友有所幫助！

【推薦學(xué)習(xí)：《vscode入門教程》】

演示下高效寫代碼

有些代碼是重復(fù)寫過(guò)的，還需要繼續(xù)重復(fù)寫嗎？
答案是 不，因?yàn)橹灰?cv 就行了，那有什么方法比 cv 更優(yōu)雅、更高效、更快(mō)捷(yú)的技巧嗎？
答案是是有的，那就是本人自創(chuàng)的快捷十三鞭
下面演示我搞架構(gòu)之前是怎么寫 高(mō)頻(yú) 業(yè)務(wù)代碼的 :

• 我要觸發(fā)點(diǎn)擊事件，創(chuàng)建個(gè)提交的函數(shù)，而在業(yè)務(wù)中，這個(gè)提交的函數(shù)是很 高頻 出現(xiàn)的

• 在這個(gè)函數(shù)中實(shí)用一些通用的函數(shù)庫(kù)，再回到頭部寫上頭文件（導(dǎo)入函數(shù)的包），然后再回來(lái)這個(gè)函數(shù)中繼續(xù)編寫未完成的邏輯
  

第一鞭：掌握快捷鍵自定義

第一鞭尤其重要，因?yàn)樗钦麄€(gè)快捷鍵的最基礎(chǔ)的知識(shí)，是最重要的 軸心骨，如果看一遍不懂，那就再看一遍
掌握快捷鍵自定義，它能夠豐富你的操作習(xí)慣，避免 快捷鍵沖突，保持各個(gè)快捷的操作習(xí)慣。
因?yàn)関isual studio code的快捷鍵是快速 可移植 的，你不用換電腦、換系統(tǒng)后擔(dān)心一次又一次設(shè)置了設(shè)置快捷鍵

打開快捷面板

按 cmd+k cmd+s 可以快速打開快捷面板

或者呼出控制面板(ctrl+shift+p)輸入鍵盤 | keyboard找到

認(rèn)識(shí)默認(rèn)鍵盤快捷鍵(JSON)

為什么要知道默認(rèn)的鍵盤快捷鍵？
因?yàn)楹糜媚阒牢葱薷那暗逆I盤映射、鍵盤默認(rèn)的快捷鍵是什么

它長(zhǎng)這個(gè)樣子，是一個(gè)JSON文件

打開快捷鍵的keybindings.json文件

按照動(dòng)圖打開存儲(chǔ)用戶快捷方式j(luò)son文件 keybindings.json，只要修改過(guò)快捷鍵就會(huì)有以下的格式

{   "key": "cmd+k cmd+s",   "command": "workbench.action.openGlobalKeybindings"    "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly" }

這個(gè)文件是用戶自定義的JSON文件，是映射格式

• key 快捷鍵
• command vscode的快捷鍵命令
• when 命令生效的條件

keybindings.json文件 是一個(gè)json文件，你修改過(guò)的快捷鍵就在這里存儲(chǔ)起來(lái)了，換機(jī)的時(shí)候，你可以把這個(gè)文件的內(nèi)容復(fù)制另一臺(tái)機(jī)上去，就可以很nice～～
畢竟筆者就是這么干的

自定義快捷鍵

只需要快捷鍵的命令command 或 默認(rèn)快捷鍵 再或者直接輸入該 快捷鍵中文的模糊詞 就可以可以查詢快捷鍵的映射和修改該快捷鍵
文章用到的快捷鍵方式，作者都會(huì)提供如下格式的代碼片段，方便去查詢

{   "key": "cmd+k cmd+a",   "command": "workbench.action.openDefaultKeybindingsFile" }

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-qo5Z56PF-1621655509407)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a7b054961f614a63aee6f7dda082ec05~tplv-k3u1fbpfcp-watermark.image)]

第二鞭：定位篇

定位是快速寫代碼的核心操作，因?yàn)檫@個(gè)是日常編碼高頻率操作，高達(dá)90%以上，必須全部掌握下來(lái)，很實(shí)用 。
定位設(shè)計(jì)到代碼塊的精準(zhǔn)定位，定位到類的定義、定位到應(yīng)用、實(shí)現(xiàn)、快速查看、上一次之前的歷史修改、設(shè)置某處的標(biāo)簽，然后快速找（vim直呼內(nèi)行）到等等。

定位行

{  "key": "ctrl+g",                "command": "workbench.action.gotoLine"  },

場(chǎng)景示例：在瀏覽器找到你的文件在100行報(bào)錯(cuò)，找到原因后，定位在100行去修改代碼