vsCode 快速生成vue 模板
Posted versionli
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vsCode 快速生成vue 模板相关的知识，希望对你有一定的参考价值。
1.使用快捷Ctrl + Shift + P唤出控制台
2，然后输入“snippets”并选择
2.接着输入vue，
vs code自动生成vue.json文件。
3. 将vue.json文件改为下面得模板（可以根据个人需求修改当中的模板内容）
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div">$0</div>",
"</template>",
"",
"<script>",
"export default {",
" components: {},",
" props: {},",
" data() {",
" return {",
" };",
" },",
" watch: {},",
" computed: {},",
" methods: {},",
" created() {},",
" mounted() {}",
"};",
"</script>",
"<style lang=\\"scss\\" scoped>",
"</style>"
],
"description": "A vue file template"
}
}
然后新建一个 vue 文件，输入“vue”，按下回车键或者Tab键，模板就自动生成了:
以上是关于vsCode 快速生成vue 模板的主要内容，如果未能解决你的问题，请参考以下文章