網頁

2017/10/26

Visual Studio Code console.log快速輸入設定

在Visual Studio Code中設定console.log的快速輸入的方法如下。

設定位置在檔案(File) -> 喜好設定(Preferences) -> 使用者程式碼片段(User Snippets)

接著選擇要程式碼片段的語言,例如JavaScript,然後會開啟設定檔javascript.json並輸入以下內容。

{
  "Print to console": {
    "prefix": "clog",
    "body": [
      "console.log('$1');",
      "$2"
    ],
    "description": "Log output to console"
  }
}

prefix為自動完成所要輸入的文字,例如設為clog,所以之後只要在程式中輸入clog然後按tab就會自動加入console.log的程式碼。

body為實際要加入的程式碼,$1$2代表每按一次tab游標會停止的位置順序。

存檔後回到JavaScript程式中只要輸入clog便會自動彈出console.log('');了。



沒有留言:

張貼留言