欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

VSCode用戶代碼片段怎么使用?

百度經(jīng)驗(yàn)   發(fā)布時(shí)間：2019-09-02 15:17:59   作者：foreverzyy19   我要評(píng)論
VSCode用戶代碼片段怎么使用？VSCode中想要使用戶代碼片段功能，針對(duì)用戶自定義代碼段來實(shí)現(xiàn)快捷開發(fā)，該怎么使用呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下

VSCode 是一款很常用的開發(fā)工具，該怎么使用用戶代碼片段功能呢？提高效率的設(shè)置也是一種技巧性工作，針對(duì)用戶自定義代碼段來實(shí)現(xiàn)快捷開發(fā)，下面我們就來看看詳細(xì)的教程。

1、文件==>首選項(xiàng)==>用戶代碼片段

2、選擇代碼片段文件 html.json

3、輸入要自定義的快捷鍵 和 模板代碼段如下代碼：

{

    "vh": {
        "prefix": "vh", // 觸發(fā)的關(guān)鍵字 輸入vh按下tab鍵
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "",
            "<head>",
            "    <meta charset=\"UTF-8\">",
            "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "    <title>Document</title>",
            "    <script src=\"./lib/vue-2.4.0.js\"></script>",
            "</head>",
            "",
            "<body>",
            "    <div id=\"app\"></div>",
            "    <script>",
            "        var vm=new Vue({",
            "           el:'#app',",
            "           data:{},",
            "           methods:{}",
            "        });",
            "    </script>",
            "</body>",
            "",
            "</html>",
        ],
        "description": "vh components"
    }
}

4、進(jìn)入 .html 后綴的文件中，按快捷鍵 vh 后按 tab 鍵，即可實(shí)現(xiàn)快速輸入代碼段

以上就是VSCode用戶代碼片段的使用方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

VSCode怎么安裝插件運(yùn)行HTML文件?

VSCode怎么創(chuàng)建vue制作一個(gè)跑馬燈效果?

vscode編輯器代碼小視圖怎么在左邊顯示?

相關(guān)文章

  • vsCode怎么調(diào)用外部瀏覽器查看效果?

    vsCode怎么調(diào)用外部瀏覽器查看效果？vsCode編程開發(fā)的時(shí)候，想要使用外部瀏覽器查看效果，該怎么調(diào)用外部瀏覽器呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2019-08-30

  • vscode怎么設(shè)置背景圖片?

    vscode怎么設(shè)置背景圖片？vscode軟件想要設(shè)置一個(gè)圖片背景，該怎么將背景換成圖片呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2019-07-17

  • VSCode默認(rèn)主題怎么更換? VSCode更換背景色的教程

    VSCode默認(rèn)主題怎么更換？VSCode中默認(rèn)的主題背景色是黑色的，想要換一個(gè)顏色，該怎么更換呢？下面我們就來看看VSCode更換背景色的教程，需要的朋友可以參考下
    2019-07-15

  • vscode怎么新建項(xiàng)目? vscode創(chuàng)建項(xiàng)目的教程

    vscode怎么新建項(xiàng)目？vscode中想要?jiǎng)?chuàng)建項(xiàng)目，該怎么創(chuàng)建新項(xiàng)目呢？下面我們就來看看vscode創(chuàng)建項(xiàng)目的教程，需要的朋友可以參考下
    2019-07-04

  • Vscode中文語(yǔ)言設(shè)置教程介紹

    Vscode是微軟推出的一款優(yōu)秀的ide開發(fā)工具，界面簡(jiǎn)潔美觀、默認(rèn)支持中文，擁有豐富的插件，支持Windows，OS X和Linux。
    2019-06-18

  • vscode怎么使用? vscode基礎(chǔ)使用和設(shè)置方法

    vscode怎么使用？vscode編程開發(fā)的時(shí)候很常用的工具，剛開始接觸的朋友需要先了解一下界面和基礎(chǔ)的設(shè)置，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2019-06-14

  • VSCode怎么設(shè)置宏? VSCode宏的添加方法

    VSCode怎么設(shè)置宏？VSCode編輯代碼的時(shí)候，經(jīng)常會(huì)使用宏，該怎么設(shè)置宏呢？下面我們就來看看VSCode宏的添加方法，需要的朋友可以參考下
    2019-04-28

  • vscode代碼折疊功能怎么使用? vscode折疊代碼的方法

    vs code代碼折疊功能怎么使用？vs code編程開發(fā)的時(shí)候，代碼很多，想要折疊代碼，該怎么實(shí)現(xiàn)呢？下面我們就來看看vscode折疊代碼的方法，需要的朋友可以參考下
    2019-04-02

  • vscode怎么規(guī)范代碼? vscode代碼格式化的教程

    vscode怎么規(guī)范代碼？vscode編程開發(fā)的時(shí)候，發(fā)現(xiàn)代碼很輪，想要自動(dòng)格式化代碼，該怎么操作呢？下面我們就來看看vscode代碼格式化的教程，需要的朋友可以參考下
    2019-03-25

  • vscode英文版怎么設(shè)置自動(dòng)保存的時(shí)間?

    vscode英文版怎么設(shè)置自動(dòng)保存的時(shí)間？使用vscode軟件的時(shí)候，為了防止意外早層的文件丟失損失，想要設(shè)置自動(dòng)保存文件，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2019-03-20

最新評(píng)論