【宇宙最強編輯器VS Code】(十一)快速插入代碼 —— VS Code自定義代碼片段的使用方法詳解

1. 進入VS Code代碼片段設置

  • 圖形化進入:
  • 命令進入:使用Ctrl+Shift+P打開命令面板,輸入sni選擇配置用戶代碼片段:

2. VS Code內置代碼片段



3. 新建用戶自定義代碼片段

選擇.新建全局代碼片段文件

設置代碼片段名稱

編輯代碼片段內容

默認內容爲空,註釋中給出了基本的代碼片段格式,可以看到要以json格式編寫

其中每一項的意思如下:

  • Print to console:代碼片段名稱;
  • scope
  • prefix:輸入時VS Code檢測的關鍵字;
  • body:代碼片段內容;
  • description:代碼片段描述;

其中編寫body的時候需要分行編寫,並且在其中可以使用佔位符控制插入後光標的位置和要顯示的內容,比如:

  • $1表示插入後第一個光標位置,$2表示第2個光標位置,依次類推,$0表示最後一個光標位置;
  • ${1: 請輸入文件名}表示第一個光標位置,並且默認顯示“請輸入文件名”;

最後用一個例子來說明如何編寫:

4. 插入用戶代碼片段

在輸入代碼的時候輸入設置的代碼關鍵字,即之前prefix字段設置的值即可觸發自動提示:


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章