VSCode设置vuereact模板File—>Preference—>User Snippets—>v ue.json / react.json
"prefix": "vue"，快捷键
$1 ⽣成代码后光标的位置
Vue模板
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
"  <div>新建</div>",
"</template>",
"",
"<script>",
"export default {",
"  data () {",
"    return {};",
"  },",
"",
"  created() {},",
"",
"  mounted() {},",react router 和vue router
"",
"  methods: {}",
"}",
"</script>",
"<style lang=\"less\" scoped>",
"",
"</style>"
],
"description": "Log output to console"
}
}
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"
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。