（動圖演示）VSCode中怎麼有效率地寫程式？技巧分享

這篇文章透過動圖向大家展示一下在VSCode中怎麼有效率地寫程式碼，希望對需要的朋友有幫助！

【推薦學習：《vscode入門教學》】

示範下高效寫程式碼

有些程式碼是重複寫的，還需要繼續重複寫嗎？
答案是不，因為只要cv 就行了，那有什麼方法比cv 更優雅、更有效率、更快(mō)捷( yú)的技巧嗎？
答案是有的，那就是本人自創的快捷十三鞭
下面示範我搞架構之前是怎麼寫高(mō)頻(yú) 業務代碼的:

• 我要觸發點擊事件，創建個提交的函數，而在業務中，這個提交的函數是很高頻 出現的

• 在這個函數中實用一些通用的函數庫，再回到頭部寫上頭檔（導入函數的套件），然後再回來這個函數中繼續寫未完成的邏輯
  

第一鞭：掌握快捷鍵自訂

第一鞭尤其重要，因為他是整個快捷鍵的最基礎的知識，是最重要的軸心骨，如果看一遍不懂，那就再看一遍
掌握快捷鍵自定義，它能夠豐富你的操作習慣，避免快捷鍵衝突，保持各個快速的操作習慣。
因為visual studio code的快捷鍵是快速可移植 的，你不用換電腦、換系統後擔心一次又一次設定了設定快捷鍵

##打開快捷面板

按

cmd k cmd s 可以快速開啟快速面板
或呼出控制面板(
ctrl shift p)輸入鍵盤| keyboard找到

認識預設鍵盤快速鍵(JSON)##為什麼要知道預設的鍵盤快捷鍵？

因為好用你知道未修改前的鍵盤映射、鍵盤預設的快捷鍵是什麼

#它長這個樣子，是一個JSON檔案

開啟快捷鍵的keybindings.json檔案

# 依照動圖開啟儲存使用者捷徑json檔案keybindings.json
，只要修改過快捷鍵就會有以下的格式<pre class="brush:js;toolbar:false;">{ &quot;key&quot;: &quot;cmd+k cmd+s&quot;, &quot;command&quot;: &quot;workbench.action.openGlobalKeybindings&quot; &quot;when&quot;: &quot;editorHasCompletionItemProvider &amp;&amp; textInputFocus &amp;&amp; !editorReadonly&quot; }</pre>這個文件是使用者自訂的JSON文件，是映射格式

key
• 快速鍵
command
• vscode的快速鍵指令
#when
• 指令生效的條件

##### keybindings.json文件### 是一個json文件，你修改過的快捷鍵就在這裡儲存起來了，換機的時候，你可以把這個文件的內容複製另一台機上去，就可以很nice～～ ### 畢竟筆者就是這麼幹的##################自訂快速鍵############只需要快速鍵的指令# ##command### 或###預設快捷鍵### 再或直接輸入該###快捷鍵中文的模糊詞### 就可以查詢快捷鍵的映射和修改該快捷鍵#### ## 文章用到的快捷鍵方式，作者都會提供如下格式的程式碼片段，方便去查詢###

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

###[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-qo5Z56PF-1621655509407)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1pfcp/a7b054961f614a63aee6f7ddapfcp/a7b054961f614a63aee6f7dda082ec05-Bpf-m-pf

第二鞭：定位篇

定位是快速写代码的核心操作，因为这个是日常编码高频率操作，高达90%以上，必须全部掌握下来，很实用 。
定位设计到代码块的精准定位，定位到类的定义、定位到应用、实现、快速查看、上一次之前的历史修改、设置某处的标签，然后快速找（vim直呼内行）到等等。

定位行

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

场景示例：在浏览器找到你的文件在100行报错，找到原因后，定位在100行去修改代码

更多关于VSCode的相关知识，请访问：vscode教程！！

以上是（動圖演示）VSCode中怎麼有效率地寫程式？技巧分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！