发布于 

vscode代码片段(vue篇)

此篇用于快速创建vue模板,代码如下:

管理------>用户代码片段---------->新建全局代码片段 xxx.json PS:覆盖

“prefix”: “vue”,指的是你自定义的快捷代码,输入vue就会出现快速生成代码提示,也可以自定义其他字段。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
{

"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
"<div></div>",
"</template>",
"",
"<script>",
"export default {",
"data() {",
"return {",
"",
"}",
"},",
"//生命周期 - 创建完成(访问当前this实例)",
"created() {",
"",
"},",
"//生命周期 - 挂载完成(访问DOM元素)",
"mounted() {",
"",
"}",
"}",
"</script>",
"<style scoped>",
"/* @import url(); 引入css类 */",
"$4",
"</style>"
]
}

}

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。