WebStorm创建Vue的template(模板)

Posted 2021-06-05 MyAzhe0ci3

vue的基础模板

每次当我们需要使用vue的时候,导入vue.js和编写最基本的代码.这些都是重复的，那么我们就需要编写一个vue的通用模板
1.复制以下代码

<div id="app">
  {{message}}
</div>
<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data:{
      message:'你好呀'
    }
  })
</script>

2.打开settings

3.选择editor

4.点击live template

5.在vue菜单中添加一个新模板

最后在htmlbody标签内输入vue按下tab模板代码就会自动生成