VSCode自定義代碼塊詳解


 

  第一步:點擊文件-首選項-用戶代碼片段

 

 

 

  第二步:選擇代碼塊作用域的文件類型

  

 

 

 

  • 類型一:全局作用域
    這種類型的代碼塊是創建在vscode軟件內部的文件。是跟隨這當前安裝的vscode這個軟件的,不會隨着項目的關閉而失效,會一直存在。
  • 類型二:文件夾作用域
    這種類型的代碼塊是創建在某個文件下.vscode這個隱藏文件夾中的,這個代碼塊只適用於當前文件夾,出了這個文件夾就不能使用這個代碼塊了
  • 類型三:特定文件類型作用域
    這種類型的代碼塊跟全局作用域的文件路徑是一致的,都是創建在了vscode中,會一直存在。但是這種代碼塊只適合於你指定的文件類型。比如:如果你創建的是JavaScript類型,那這個代碼塊就不能再vue文件中使用。
    注意三種類型的代碼塊書寫規范都是一致的

  第三步:代碼塊的書寫

  我們選擇一種類型(我這里選擇全局作用域類型),並且給這個文件起一個名字,
  ps:名字隨便起

  

 

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

  

 

   

  所有的代碼段都必須寫在最外層大括號中,每個代碼塊之間用逗號隔開,一個代碼塊就類似一個對象。

  上方代碼就是簡單寫了兩個代碼塊。 接下來介紹每個屬性的作用及方法。
  scope:作用文件類型。就是代碼塊的作用文件類型,這里我們可以指定文件類型,多種類型之間用逗號隔開,

  比如如果指定作用范圍類型"css, javascript" 那么這個代碼塊只能在這兩種類型的文件中起作用。

  如果值為空,或者是不寫這個屬性,默認所有類型文件都支持該代碼塊。

  在特定文件類型中這個值是不起作用的,寫了會報錯,因為這種類型已經本身已經限制了文件類型
  prefix: 觸發代碼塊的字符串。寫代碼的時候我們只需敲出這個字符串就會觸發我們的代碼塊。
  body:代碼塊的主體內容。我們需要把我們的代碼書寫在這個屬性中。仔細觀察我們可以看出,代碼塊主體就是字符串的數組。
  description:代碼塊的簡單介紹,我們可以介紹一下這段代碼塊是干什么用的

  代碼主體的書寫規范:

  每個字符串元素就代表一行,行與行之間用 , 隔開表示換行。或者使用\n換行

  行內不能使用tab鍵縮進,只能使用空格或者\t縮進

  \$1使用代碼塊敲擊回車或者tab鍵后光標定位的位置。 $2 $3 $4...表示我們按下tab光標依次出現的位置

   
      第四步:代碼塊的使用
  使用代碼塊的方式非常簡單,我們只需在想要書寫的位置敲出觸發我們代碼塊的關鍵字就行
   全局作用域的代碼塊:
  

 

   

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM