天天看點

vs code 自定義代碼片段,實作快捷輸入

1.步驟:

打開vs code編輯器>檔案(F)>首選項>使用者片段>建立全局代碼片段檔案>輸入代碼片段(下面有代碼)

vs code 自定義代碼片段,實作快捷輸入

然後建立代碼片段

vs code 自定義代碼片段,實作快捷輸入

代碼片段:

// 代碼片段 其他的片段 大同小異
  {
    "react": {//該代碼片段的語言
      "prefix": "react", // 觸發的關鍵字 輸入react按下tab鍵 會提示react關鍵字
      "body": [
        "import React from 'react'",
        "",
        "const View = () =>{",
        "   return(",
        "     <div></div>",
        "   )",
        "}",
        "",
        "export default View;"
      ],
      "description": "react components"//片段說明
    }
  }
           

body:[ ] 裡面的内容自定義就可以了

儲存完之後在編輯器輸入 關鍵字(react) 就有提示 ,回車即可