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

        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號
        主站蜘蛛池模板: 亚洲精品无码久久久久sm| 久久精品一本到99热免费| 亚洲精品午夜无码电影网| 99久久精品费精品国产| 精品成在人线AV无码免费看| 久久精品国产亚洲一区二区三区| 久久精品国产精品国产精品污| 日韩精品真人荷官无码| 久久se精品一区二区影院| 精品四虎免费观看国产高清午夜| 久久青青草原精品国产| 亚洲精品国自产拍在线观看| 国产精品福利片免费看 | 日韩精品一区二区午夜成人版| 欧美国产日本精品一区二区三区| 国产精品女同一区二区| 亚洲高清专区日韩精品| 免费短视频软件精品一区二区 | 国产精品久久国产精品99盘 | 伊人久久无码精品中文字幕| 国产专区日韩精品欧美色| 久久伊人精品青青草原高清| 国产精品VA在线观看无码不卡| 久久久国产精品亚洲一区| 亚洲国产精品无码久久98| 在线观看91精品国产网站| 精品欧美| 久久中文精品无码中文字幕| 国内精品久久久久久久久电影网| 国产精品福利片免费看 | 日韩在线精品一二三区| 精品人妻伦九区久久AAA片69| 精品91自产拍在线观看| 国产一区二区精品久久岳| 国产成人精品久久亚洲高清不卡| 97久视频精品视频在线老司机| 在线精品视频播放| 国产精品国产三级在线专区| 99久久精品国产一区二区| 国产精品日日摸夜夜添夜夜添1国产精品va欧美精 | 国产精品自在线拍国产手机版 |