首頁 > 開發工具 > VSCode > (動圖演示)VSCode中怎麼有效率地寫程式?技巧分享

(動圖演示)VSCode中怎麼有效率地寫程式?技巧分享

青灯夜游
發布: 2021-11-23 18:36:24
轉載
3251 人瀏覽過

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

(動圖演示)VSCode中怎麼有效率地寫程式?技巧分享

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

示範下高效寫程式碼

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

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

  • 在這個函數中實用一些通用的函數庫,再回到頭部寫上頭檔(導入函數的套件),然後再回來這個函數中繼續寫未完成的邏輯
    (動圖演示)VSCode中怎麼有效率地寫程式?技巧分享

第一鞭:掌握快捷鍵自訂

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

##打開快捷面板

cmd k cmd s 可以快速開啟快速面板
Kapture 2021-05-19 at 23.48.06.gif 或呼出控制面板(
ctrl shift p)輸入鍵盤| keyboard找到
(動圖演示)VSCode中怎麼有效率地寫程式?技巧分享

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

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



#它長這個樣子,是一個JSON檔案(動圖演示)VSCode中怎麼有效率地寫程式?技巧分享

(動圖演示)VSCode中怎麼有效率地寫程式?技巧分享

開啟快捷鍵的keybindings.json檔案

# 依照動圖開啟儲存使用者捷徑json檔案vscode json文件.gifkeybindings.json
,只要修改過快捷鍵就會有以下的格式<div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">登入後複製</div></div>這個文件是使用者自訂的JSON文件,是映射格式

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



(動圖演示)VSCode中怎麼有效率地寫程式?技巧分享(動圖演示)VSCode中怎麼有效率地寫程式?技巧分享


##### 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教程!!

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

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板