1. 創(chuàng)建用戶代碼片段文件

找到并點擊 Code —> 首選項 —> 用戶片段

用戶代碼片段配置文件有三種類型: 單語言代碼片段、全局代碼片段、當前項目代碼片段

單語言代碼片段配置文件: 語言名稱.json，全局語言代碼片段配置文件: 名稱.code-snippets，當前項目代碼片段配置文件: 名稱.code-snippets，存放在當前項目根目錄下的 .vscode 目錄

2. 用戶代碼片段文件配置

手動觸發(fā)代碼片段提示: ctrl + space (空格鍵)

用戶代碼片段配置文件存放目錄如下所示，將路徑中的用戶名替換成你自己的即可

mac (因為路徑中含有空格，所以路徑必須使用引號包括起來)

cd '/Users/liang/Library/Application Support/Code/User/snippets'

windows

cd 'C:\Users\Administrator\AppData\Roaming\Code\User\snippets'

全局代碼片段文件相對單語言代碼片段文件只是多了一個 scope 配置項

scope 用于指定當前片段適用的語言范圍,多個語言使用英文逗號分隔, 省略時對所有語言有效

{
    "打印數(shù)據(jù) console.log(variable)": {
        "scope": "javascript",
        "prefix": "l",
        "body": [
            "console.log($0)"
        ],
        "description": "console.log(variable)"
    }
}

3. 代碼片段生成器在線網(wǎng)站

用戶代碼片段生成器: https://snippet-generator.app

有些代碼設(shè)置代碼片段時轉(zhuǎn)換格式很麻煩，可以通過上面的在線網(wǎng)站生成，非常方便快捷