VSCode设置vue/react模板

File—>Preference—>User Snippets​—>​vue.json / react.json

"prefix": "vue"，快捷键

$1 生成代码后光标的位置

1. Vue模板

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<!-- $1 -->",
			"<template>",          
			"  <div>新建</div>",          
			"</template>",          
			"",
			"<script>",          
			"export default {",
			"  data () {",
			"    return {};",
			"  },",
			"",
			"  created() {},",
			"",
			"  mounted() {},",
			"",
			"  methods: {}",
			"}",
			"</script>",
			"<style lang=\"less\" scoped>",
			"",
			"</style>"
		],
		"description": "Log output to console"
	}
}

2. React模板

{
    "reactDemo":{
        "prefix": "react",
        "body": [
            "import React, { Component } from 'react'",
            "",
            "export default class App extends Component {",
            "  render() {",
            "    return (",
            "      <div>$1</div>",
            "    )",
            "  }",
            "}"

        ],
        "description": "react demo create by watt"
    }
}