今天給大家介紹一下vscode用戶代碼片段，類(lèi)似于一種快捷鍵，當(dāng)輸入特定文本的時(shí)候，vscode會(huì)自動(dòng)補(bǔ)充好你預(yù)設(shè)的文本。今天拿vue2的用戶代碼片段為例子，這個(gè)也是在網(wǎng)上流傳的較為廣泛的文本，我略微做了一下修改，更符合我的寫(xiě)作習(xí)慣。大家讀完這篇文章后也能修改內(nèi)容，找出符合自己的就好。

  在vscode的設(shè)置里可以找到。

  單擊后會(huì)出現(xiàn)以下輸入框，點(diǎn)擊新建全局代碼片段文件并命名。

  進(jìn)入后可以發(fā)現(xiàn)官方給我們寫(xiě)的例子。

        Scope我們不用管，默認(rèn)的就可以，prefix就是你輸入的觸發(fā)文本，body是vscode補(bǔ)全文本，每一行都需要用雙引號(hào)包裹，換到下一行需要重新用雙引號(hào)包裹，description是描述文本，可寫(xiě)可不寫(xiě)。$1和$2是光標(biāo)位置，當(dāng)你生成了文本后光標(biāo)會(huì)出現(xiàn)在$1位置，當(dāng)你按下tab光標(biāo)會(huì)出現(xiàn)在$2位置以此類(lèi)推。

  下面是我習(xí)慣性生成的vue的模板文件。

"prefix": "vue2",
        "body": [
            "",
            "",
            "",
            "",
            "",
            "  /* @import url(); 引入公共css類(lèi) */",
            "$4",
            ""
        ],

請(qǐng)復(fù)制到prefix和body里。另外給大家推薦一個(gè)轉(zhuǎn)換的網(wǎng)址。

這里的格式可以通過(guò)以下鏈接進(jìn)行格式化：https://snippet-generator.app/。