Visual Studio Code快速生成vue模板

    科技2022-07-11  92

    生成vue模板

    第一步: 右下加找到 “用户代码片段” 第二步: 输入 “vue” ,单击 “vue.json” 第三步: 将其中的内容用下面代码替换

    { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $0", " </div>", "</template>", "", "<script>", "", " export default {", " name:'',", " props:[''],", " data () {", " return {", "", " };", " },", "", " components: {},", "", " computed: {},", "", " beforeMount() {},", "", " mounted() {},", "", " methods: {},", "", " watch: {}", "", " }", "", "</script>", "<style lang='' scoped>", "", "</style>" ], "description": "Log output to console" } }

    第四步: 创建好 “.vue” 文件之后,在第一行输入 “vue”,根据提示回车即可生成模板!  

    Processed: 0.132, SQL: 8