[TOC] #### 1. 創(chuàng)建用戶代碼片段文件 --- 找到并點(diǎn)擊 **Code --> 首選項(xiàng) --> 用戶片段**  用戶代碼片段配置文件有三種類型: 單語(yǔ)言代碼片段、全局代碼片段、當(dāng)前項(xiàng)目代碼片段 單語(yǔ)言代碼片段配置文件: 語(yǔ)言名稱.json，全局語(yǔ)言代碼片段配置文件: 名稱.code-snippets，當(dāng)前項(xiàng)目代碼片段配置文件: 名稱.code-snippets，存放在當(dāng)前項(xiàng)目根目錄下的 .vscode 目錄  #### 2. 用戶代碼片段文件配置 ---- 手動(dòng)觸發(fā)代碼片段提示: ctrl + space (空格鍵) 用戶代碼片段配置文件存放目錄如下所示，將路徑中的用戶名替換成你自己的即可 mac (因?yàn)槁窂街泻锌崭瘢月窂奖仨毷褂靡?hào)包括起來(lái)) ``` cd '/Users/liang/Library/Application Support/Code/User/snippets' ``` windows ``` cd 'C:\Users\Administrator\AppData\Roaming\Code\User\snippets' ```  全局代碼片段文件相對(duì)單語(yǔ)言代碼片段文件只是多了一個(gè) **scope** 配置項(xiàng) scope 用于指定當(dāng)前片段適用的語(yǔ)言范圍,多個(gè)語(yǔ)言使用英文逗號(hào)分隔, 省略時(shí)對(duì)所有語(yǔ)言有效 ```json { "打印數(shù)據(jù) console.log(variable)": { "scope": "javascript", "prefix": "l", "body": [ "console.log($0)" ], "description": "console.log(variable)" } } ``` #### 3. 代碼片段生成器在線網(wǎng)站 --- 用戶代碼片段生成器: [https://snippet-generator.app](https://snippet-generator.app) 有些代碼設(shè)置代碼片段時(shí)轉(zhuǎn)換格式很麻煩，可以通過(guò)上面的在線網(wǎng)站生成，非常方便快捷