站長資訊網
        最全最豐富的資訊網站

        vscode怎么生成模板

        vscode怎么生成模板

        vscode怎么生成模板?vs code中設置html5 快速生成模板

        相關文章教程推薦:vscode教程

        按英文的!和h:5都可以快速生成html模板,但是找了半天都找不到如何修改模板設置。只好自己從snippets里重新編寫了一個html5的模板,以免自己以后忘了。

        首先打開 snippets

        vscode怎么生成模板

        然后輸入以下代碼段:

        {     // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and      // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:     // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the      // same ids are connected.     // Example:     // "Print to console": {     //     "prefix": "log",     //     "body": [     //         "console.log('$1');",     //         "$2"     //     ],     //     "description": "Log output to console"     // }     "Html5-Vue": {         "prefix": "vh",         "body": [             "<!DOCTYPE html>",             "<html lang="zh-CN">n",             "<head>",             "t<meta charset="UTF-8">",             "t<meta name="viewport" content="width=device-width, initial-scale=1.0">",             "t<meta http-equiv="X-UA-Compatible" content="ie=edge">",             "t<title>Document</title>",             "t<script src="./lib/vue.min.js"></script>",             "</head>n",             "<body>",             "t<div id="app">$1</div>n",             "t<script>",             "ttvar vm = new Vue({",             "tttel: '#app',",             "tttdata: {},",             "tttmethods: {}",             "tt});",             "t</script>",             "</body>n",             "</html>"         ],         "description": "快速創建在html5編寫的vue模板"     } }

        這里的 “prefix”: “vh”,指的是你自定義的快捷代碼,這里我輸入h就會出現快速生成代碼提示,也可以自定義其他字段。

        vscode怎么生成模板

        效果如下:

        vscode怎么生成模板

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 91精品国产高清久久久久久国产嫩草| 久久久久久久久无码精品亚洲日韩 | 国产精品你懂的在线播放| 久久99精品国产麻豆宅宅| 在线观看日韩精品| 国产乱码精品一区二区三区四川人| 国产午夜精品无码| 精品亚洲一区二区| 亚洲第一精品在线视频| 国产va免费精品| 欧美精品在线视频| 久久久精品人妻一区二区三区四| 久久久精品国产sm调教网站 | 国产精品久久久久AV福利动漫 | 四虎国产精品免费久久久| 国产精品V亚洲精品V日韩精品| 久久亚洲av无码精品浪潮| 老司机午夜精品视频资源| 久久91精品国产91久久户| 国产精品一区二区av不卡| 亚洲国产精品无码久久久秋霞2| 国产欧美日韩精品a在线观看| 欧美一区二区精品久久| 宅男宅女精品国产AV天堂| 2020亚洲男人天堂精品| 老司机精品影院91| 亚洲精品国产精品乱码不卞| japanese乱人伦精品| 久久精品国产色蜜蜜麻豆| 国产亚洲精品岁国产微拍精品| 国产精品成人观看视频| 国产亚洲精品自在久久| 人妻精品久久久久中文字幕| 精品国产一区二区三区久久| 亚洲国产精品成人久久蜜臀| 97视频在线精品国自产拍 | 91久久精品国产91性色也| 亚洲av永久无码精品网站| 久久精品免费观看| 久久99国产综合精品女同| 四虎成人精品|