问题:使用vscode很多快捷键不太好使,所以要自定义代码片段。
1.webstorm中的.log使用
2.错误信息提示(success,error,warning,info等等)
3.组件模板(template,script,style)
//js
// warningMessage
"Print to warningMessage": {
"prefix": "warningM",
"body": [
"this.$$message.warning('$1')$2"
],
"description": "错误信息"
},
/*
如这个例子。
"Print to console" 将会作为提示内容。
"prefix" 设置的是提示的前缀。
"body" 快捷提示的内容。其中 $1 $2 或者类似的 ${1:content}都是光标位置占位符使用tab切换。
其中${1:content}这个写法可以让提示内容提前填充。
如果出现多个一样的光标位置占位符就会出现多个一起出现光标(多行编辑)。
类似的 $1 = ${1} 它们的意思是一样的。
"description" 直译它的意思就是词义
*/
// description是提示信息。
// vue.json
// vue组件模板
"Print to vueTemplate": {
"prefix": "vueTemp",
"body": ["<template>",
" <div>",
" $2",
" </div>",
"</template>",
"<script>",
"export default {",
" name: '$1',",
"}",
"</script>",
"<style lang='$3' scoped>",
"",
"</style>",
""
],
"description": "vue组件模板"
}
$message
这种放在模板中的$
,使用了$$
的方式。