以前使用 Xcode 的時候，有一種方法可以把自己常用的「代碼片段」保存起來，當在 Xcode 輸入某個字符時即可提示你所保存的代碼片段，可快速地完成編碼。

創(chuàng)新互聯(lián)公司長期為上千多家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為浦北企業(yè)提供專業(yè)的網(wǎng)站建設、成都網(wǎng)站設計，浦北網(wǎng)站改版等技術服務。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

今天查了下 VSCode，也有類似的功能，分享給大家。

比如我們創(chuàng)建一個 vue 組件的時候，通常會輸入：

我們習慣了粘貼復制，其實可以把這個代碼定義成代碼片段，以后輸入一個字母既可以輸入這些代碼。

打開 VSCode，依次點擊：

Code -> Preferences -> User Snippets -> New Global Snippets file，輸入一個 snippet 文件名，我起名 vue，定義了兩個代碼片段：

(1) 打印輸出

(2) vue 組件

 
 
 
 

  
  
  
  
{
  
  
  
  
  "console": {
  
  
  
  
    "scope": "javascript,typescript",
  
  
  
  
    "prefix": "sy_log",
  
  
  
  
    "body": [
  
  
  
  
      "console.log('$1');",
  
  
  
  
      "$2"
  
  
  
  
    ],
  
  
  
  
    "description": "wsy to console"
  
  
  
  
  },
  
  
  
  
  "component": {
  
  
  
  
    "scope": "",
  
  
  
  
    "prefix": "sy_component",
  
  
  
  
    "body": [
  
  
  
  
      "",
  
  
  
  
        "",
  
  
  
  
      "",
  
  
  
  
      "$3",
  
  
  
  
        "",
  
  
  
  
        "",
  
  
  
  
      "",
  
  
  
  
      "$4",
  
  
  
  
        ""
  
  
  
  
    ],
  
  
  
  
    "description": "component of vue"
  
  
  
  
  }
  
  
  
  
}
 
 
 
 

當在 VSCode 代碼區(qū)域中輸入 sy 的時候會提示 sy_component 和 sy_log。

選擇 sy_log ，按回車，輸入的代碼如下：

 
 
 
 

  
  
  
  
console.log('');
 
 
 
 

選擇 sy_component，按回車，輸入的代碼如下：

更多使用技巧，自己摸索一下即可!大家加油!

當前題目：VSCode一字十行之代碼片段
分享路徑：http://uogjgqi.cn/article/djcgjcp.html