普通型
{
"vue": {
"prefix": "vue",//关键字
"body": [//对应代码片段
"<!DOCTYPE html>",
"<html lang=\"en\">",
"<head>",
"\t<meta charset=\"UTF-8\">",
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"\t<title>vue</title>",
"\t<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>",
"<style></style>",
"</head>",
"<body>",
"\t<div id=\"app\">",
"",
"\t</div>",
"\t<script>",
"\t\tvar app = new Vue({",
"\t\t\tel: \"#app\",",
"\t\t\tdata: {",
"",
"\t\t\t},",
"\t\t\tmethods: {",
"",
"\t\t\t}",
"\t\t});",
"\t</script>",
"</body>",
"",
"</html>"
],
"description": "vue snippet"
}
}
常用型
{
"Print to console": {
"prefix": "vuecy",
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>\n",
"<script>",
" export default {",
" name: '',",
" props: {",
" },",
" components: {\n",
" },",
" data () {",
" return {\n",
" }",
" },",
" methods: {\n",
" },",
" mounted() {\n",
" },",
" watch: {\n",
" },",
" computed: {\n",
" },",
" filters: {\n",
" }",
" }",
"</script>\n",
"<style scoped lang='scss'>\n",
"</style>"
],
}
}
完整型
{
"Print to console": {
"prefix": "vuewz",
"body": [
"<template>",
" <div class=''></div>",
"</template>",
"<script>",
"export default {",
" name: '',",
" props: {},",
" components: {},",
" data() {",
" return {};",
" },",
" computed: {},",
" watch: {},",
" methods: {},",
" created() {},",
" mounted() {},",
" beforeDestroy() {}",
"};",
"</script>",
"<style lang='scss' scoped>",
"</style>"
],
"description": "Log output to console"
}
}