[TOC] #### 1. 創(chuàng)建用戶代碼片段文件 --- 找到并點(diǎn)擊 **Code --> 首選項(xiàng) --> 用戶片段** ![](https://img.itqaq.com/art/content/d4348e573592226f9be2912be97d2acf.png) 用戶代碼片段配置文件有三種類型: 單語言代碼片段、全局代碼片段、當(dāng)前項(xiàng)目代碼片段 單語言代碼片段配置文件: 語言名稱.json,全局語言代碼片段配置文件: 名稱.code-snippets,當(dāng)前項(xiàng)目代碼片段配置文件: 名稱.code-snippets,存放在當(dāng)前項(xiàng)目根目錄下的 .vscode 目錄 ![](https://img.itqaq.com/art/content/e89cdc7ecc6933913c382ff24719a973.png) #### 2. 用戶代碼片段文件配置 ---- 手動(dòng)觸發(fā)代碼片段提示: ctrl + space (空格鍵) 用戶代碼片段配置文件存放目錄如下所示,將路徑中的用戶名替換成你自己的即可 mac (因?yàn)槁窂街泻锌崭?,所以路徑必須使用引?hào)包括起來) ``` cd '/Users/liang/Library/Application Support/Code/User/snippets' ``` windows ``` cd 'C:\Users\Administrator\AppData\Roaming\Code\User\snippets' ``` ![](https://img.itqaq.com/art/content/940f674836be4ddc5b2063fbf13d73aa.png) 全局代碼片段文件相對(duì)單語言代碼片段文件只是多了一個(gè) **scope** 配置項(xiàng) scope 用于指定當(dāng)前片段適用的語言范圍,多個(gè)語言使用英文逗號(hào)分隔, 省略時(shí)對(duì)所有語言有效 ```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)換格式很麻煩,可以通過上面的在線網(wǎng)站生成,非常方便快捷