vscode生成vue模版

首先,command + p 或 ctrl +p(windows) 唤出搜索文件的框,输入vue.json,回车,或者 Preferences → User Snippets → vue.json,然后将以下内容复制进去。

// Place your snippets for vue 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": [
     "<template>",
     "    <div class=\"container\">",
     "        $0",
     "    </div>",
     "</template>",
     "",
     "<script>",
     "export default {",
     "    components: {},",
     "    props: {},",
     "    data() {",
     "      return {",
     "      };",
     "    },",
     "    computed: {},",
     "    watch: {},",
     "    created() {},",
     "    mounted() {},",
     "    methods: {}",
     "};",
     "</script>",
     "",
     "<style lang=\"less\" scoped>",
     ".container {}",
     "</style>"
   ],
   "description": "A vue file template"
 }
}

打开vscode,新建一个vue文件,输入vue然后按下回车,即可自动生成vue模版


参考:VSCode实用配置及常用快捷键

anzhihe 安志合个人博客,版权所有 丨 如未注明,均为原创 丨 转载请注明转自:https://chegva.com/5206.html | ☆★★每天进步一点点,加油!★★☆ | 

您可能还感兴趣的文章!

发表评论

电子邮件地址不会被公开。 必填项已用*标注