程式碼片段 Code Snippet

之前已經學過Emmet了，那種打10個字就可以寫10行的快感你是不是愛不釋手?覺得回不去了，那你應該來學學程式碼片段(Code Snippets)，程式碼片段就是一段已經寫好的程式碼樣板，可以拿出來使用。

想要撰寫程式碼片段的話，從選單點選 檔案 > 喜好設定 > 使用者程式碼片段，接著輸入javascript，即可開始編寫自己的javascript程式碼片段。

下面的例子是一個 For Loop 的 JavaScript 程式碼片段。

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${1:index} = 0; ${1:index} < ${2:array}.length; ${1:index}++) {",
        "\tvar ${3:element} = ${2:array}[${1:index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},

在上面的例子中：

For Loop 是程式碼片段名稱
prefix 定義如何從 IntelliSense 中選擇該程式碼片段。在這種情況下for。
body 是內容，也可以是單個字符串或一個字符串數組，每個元素將作為單獨的行插入。
description 是IntelliSense下拉列表中使用的描述

IntelliSense - 是一些功能的概括詞彙：列出成員、參數資訊，快速諮詢和自動完成文字。這些功能有助於深入了解您使用的程式碼，追蹤所輸入的參數，以及幾個按鍵即可加入屬性和方法呼叫。

IntelliSense

別人寫的Code Snippet

自己寫程式碼片段是很不賴的，而有時候也能試試看別人寫好的Code Snippet，可以事半功倍。

HTML Snippets - HTML標籤，非常齊全
JavaScript Snippet Pack - javascript語法，非常齊全
jQuery Code Snippets - jQuery語法

太多資訊了，可以在VS Code按下Ctrl+Shift+X開啟Marketplace搜尋擴充功能，這邊給參考網站

程式碼片段 Code Snippet

程式碼片段 Code Snippet

別人寫的Code Snippet

results matching ""

No results matching ""