Vscode中如何修改vue的模板

446 阅读1分钟
  1. 左上角 文件 -> 首选项 -> 用户片段 -> 弹框内输入vue -> 选择 vue.json 文件

p1.jpg

  1. 根据所需内容做修改

p2.jpg

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