Vue创建代码片段

Ctrl + Shift + p ->输入snip(选配置用户代码片段) ->在输入html 回车

把下面的这些替换上


{

/*

// 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"

}

*/

"Vue": {

"prefix":"vue",

"body": [

"<!DOCTYPE html>",

"<html lang=\"en\">",

"\t<head>",

"\t\t<title>$1</title>",

"\t\t<meta charset=\"UTF-8\">",

"\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",

"\t\t<script src=\"./vue2.js\"></script>",

"\t</head>",

"\t<body>",

"\t\t<div id=\"app\"></div>",

"\t\t<script>",

"\t\t\tvar vm = new Vue({",

"\t\t\t\tel: '#app',",

"\t\t\t\tdata: {",

"",

"\t\t\t\t}",

"\t\t\t})",

"\t\t</script>",

"\t</body>",

""

        ],

"description":"vue - Defines a template for a vue & html5 document"

    }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 7,448评论 0 10
  • 府中甚是热闹,但热闹不属于我。便一人偷偷寻蔽处。听燕雀呢喃,闻秋风寂静。在浅淡的流光间,一个人的世界拥有了沐着诗意...
    美文古风_柒色阅读 328评论 0 4
  • 长空雁阵飞何处? 落日烟波塞外人。 独立湖边遥竚望, 相思醉月寄嗟矜。 注:竚望 [ zhù wàng ],凝望、...
    西山有晴雪阅读 371评论 21 49
  • 本文提到的球鞋是李宁韦德系列的队尚第四代,全国吊牌价是599,但是我的店铺里并不需要这么贵。 这款球鞋是NBA的超...
    450e526ce0b2阅读 1,473评论 0 0
  • It is new years day today, Chandler wants to kiss Monica ...
    LuckyEric阅读 180评论 0 0