Raellen's notes

Back

[筆記] 自訂 VS Code Snippets (程式碼片段)Blur image

紀錄下如何自訂好用的Snippets 讓寫程式更快速

選取 Files > Preferences > Configure User Snippets#

選擇想寫的 Snippets 所使用的語言,我選 JS#

會進入這個編輯畫面#

{
 	"Snippet名稱": {
 		"prefix": "觸發Snippet的關鍵字",
 		"body": [
 			"console.log('$1');",
 			"$2"
 		],
 		"description": "Snippet的介紹"
 	}
}
jsx
  • body 是一個陣列,每一行的文字是用引號包起,逗號分開
  • $1 代表可以自訂的變數

打開一個新.js,並輸入剛剛自訂的 prefix,就會發現它自動帶入剛剛設定的 Snippet 囉

小技巧:可以叫 ChatGPT 幫你把程式碼改成陣列的模式

[筆記] 自訂 VS Code Snippets (程式碼片段)
https://astro-docs.vercel.app/blog/%E8%87%AA%E8%A8%82-vs-code-snippets-%E7%A8%8B%E5%BC%8F%E7%A2%BC%E7%89%87%E6%AE%B5
Author Raellen
Published at May 16, 2024
What do you think?
  • Like
    0
    Like
Comments
  • Latest
  • Oldest
  • Hottest
No comment yet.
Powered by Waline v3.4.2