第一步:點擊文件-首選項-用戶代碼片段
第二步:選擇代碼塊作用域的文件類型
- 類型一:全局作用域
這種類型的代碼塊是創建在vscode軟件內部的文件。是跟隨這當前安裝的vscode這個軟件的,不會隨着項目的關閉而失效,會一直存在。 - 類型二:文件夾作用域
這種類型的代碼塊是創建在某個文件下.vscode這個隱藏文件夾中的,這個代碼塊只適用於當前文件夾,出了這個文件夾就不能使用這個代碼塊了 - 類型三:特定文件類型作用域
這種類型的代碼塊跟全局作用域的文件路徑是一致的,都是創建在了vscode中,會一直存在。但是這種代碼塊只適合於你指定的文件類型。比如:如果你創建的是JavaScript類型,那這個代碼塊就不能再vue文件中使用。
注意三種類型的代碼塊書寫規范都是一致的
第三步:代碼塊的書寫
我們選擇一種類型(我這里選擇全局作用域類型),並且給這個文件起一個名字,
ps:名字隨便起

我們需要在這對大括號中書寫我們的代碼塊,這里系統給了我們一個例子Example下方就是一個例子。下方是我自己書寫的一個代碼塊

所有的代碼段都必須寫在最外層大括號中,每個代碼塊之間用逗號隔開,一個代碼塊就類似一個對象。
上方代碼就是簡單寫了兩個代碼塊。 接下來介紹每個屬性的作用及方法。
scope:
作用文件類型。就是代碼塊的作用文件類型,這里我們可以指定文件類型,多種類型之間用逗號隔開,
比如如果指定作用范圍類型"css, javascript" 那么這個代碼塊只能在這兩種類型的文件中起作用。
如果值為空,或者是不寫這個屬性,默認所有類型文件都支持該代碼塊。
在特定文件類型中這個值是不起作用的,寫了會報錯,因為這種類型已經本身已經限制了文件類型
prefix:
觸發代碼塊的字符串。寫代碼的時候我們只需敲出這個字符串就會觸發我們的代碼塊。
body:
代碼塊的主體內容。我們需要把我們的代碼書寫在這個屬性中。仔細觀察我們可以看出,代碼塊主體就是字符串的數組。
description:
代碼塊的簡單介紹,我們可以介紹一下這段代碼塊是干什么用的
代碼主體的書寫規范:
每個字符串元素就代表一行,行與行之間用 ,
隔開表示換行。或者使用\n
換行
行內不能使用tab鍵縮進,只能使用空格或者\t
縮進
\$1
使用代碼塊敲擊回車或者tab鍵后光標定位的位置。 $2 $3 $4
...表示我們按下tab光標依次出現的位置
全局作用域的代碼塊:

努力不一定會成功,但一定會有收獲