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

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

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

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

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

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

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

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

這里的格式可以通過以下鏈接進行格式化：https://snippet-generator.app/。