适用idea创建代码模板

比如要创建一个vue的基础代码模板:

<div id="app">
  {{name}}
</div>
<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: "#app",
    data: {
      name: "王翔宇"
    },
    methods: {}
  })
</script>

进入settings > Editor > Live Templates,点击“+”,选择“live Template”,将以下内容复制到Template text文本框内。

适用idea创建代码模板

使用方式:在HTML内写“vue”后按“tab”键即可。