VSCode如何配置markdown代碼片段？本篇文章給大家介紹一下VSCode配置markdown代碼片段的方法。

相信很多人都有聽說過vs code這款編輯器吧，Visual Studio Code (簡(jiǎn)稱 VS Code / VSC) 是一款免費(fèi)開源的現(xiàn)代化輕量級(jí)代碼編輯器，支持幾乎所有主流的開發(fā)語(yǔ)言的語(yǔ)法高亮、智能代碼補(bǔ)全、自定義快捷鍵、括號(hào)匹配和顏色區(qū)分、代碼片段、代碼對(duì)比 Diff、GIT命令 等特性，支持插件擴(kuò)展，并針對(duì)網(wǎng)頁(yè)開發(fā)和云端應(yīng)用開發(fā)做了優(yōu)化?！就扑]學(xué)習(xí)：《vscode教程》】

綜上所述，vs code真的是一款特別好用的編輯器

不過有時(shí)候在寫東西時(shí)快捷提示會(huì)有一些不足，有時(shí)候可能你打出的快捷語(yǔ)句后面沒有出現(xiàn)你要想的命令。這種情況在vs code中寫markdown時(shí)還是比較明顯的。

這里就需要自己在代碼片段中進(jìn)行配置了，這里的配置也很簡(jiǎn)單

在左上角打開文件 --> 首選項(xiàng) --> 用戶片段， 會(huì)彈出一個(gè)輸入框

在輸入框中輸入markdown，可以找到markdown.json的代碼片段配置

在markdown.json上面有一大段注釋的代碼，這里有一個(gè)Example例子

• "Print to console" 是快捷語(yǔ)句的標(biāo)題
• prefix 是快捷語(yǔ)句觸發(fā)的命令，也就是關(guān)鍵字
• body 是觸發(fā)后的樣子，使用
  $1，$

  1，2 等指定光標(biāo)位置。這些數(shù)字指定了光標(biāo)跳轉(zhuǎn)的順序。$表示光標(biāo)位置，這里可以在觸發(fā)后將光標(biāo)移至你需要的位置 （這個(gè)功能我覺得非常不錯(cuò)）

• description 是該快捷語(yǔ)句的功能描述

現(xiàn)在來編寫一下自己的markdown快捷語(yǔ)句 我經(jīng)常會(huì)在markdown中寫“““代碼片段，但是經(jīng)常需要我自己把這些一個(gè)個(gè)打出來，所以非常的不方便

所以我自己寫了一些比較常用的JavaScript、CSS、HTML片段

"Print to ```javascript": { 	"prefix": "```js", 	"body": [ 		"```javascript", 		"$1", 		"$2", 		"```", 	], 	"description": "js代碼片段" }, "Print to ```css": { 	"prefix": "```css", 	"body": [ 		"```css", 		"$1", 		"$2", 		"```", 	], 	"description": "css代碼片段" }, "Print to ```html": { 	"prefix": "```html", 	"body": [ 		"```html", 		"$1", 		"$2", 		"```", 	], 	"description": "html代碼片段" },

好了，現(xiàn)在可以試試看能不能成功出現(xiàn)快捷提示

我的不行，失敗了 在markdown當(dāng)中輸入“`js沒有成功出現(xiàn)相應(yīng)的提示符

然后趕緊查找原因，明明javascript.json可以這樣進(jìn)行改變，然后就生效了

發(fā)現(xiàn)如果是markdown.json，需要在設(shè)置setting.json中添加編輯器快捷editor.quickSuggestions設(shè)置

"[markdown]":{     "editor.quickSuggestions": true }

打開vs code的設(shè)置，文件 --> 首選項(xiàng) --> 設(shè)置 --> 打開設(shè)置（在設(shè)置的右上角）

添加完后進(jìn)行保存，然后就可以使用剛剛添加的快捷鍵了