第一步，右鍵idea 的file點settings  or  ctrl+ alt+ s

即可建立了new vue files 的模板

模板的初始化程式碼：

<template>
  <div>
      {{msg}}
  </div>
</template>

<style>
  body {
    background-color: green;
  }
</style>

<script>
  export default{
    data () {
      return {msg: '初始代模板'}
    }
  }
</script>

2.程式碼自動補全設定（原理：*.vue 以html的形式開啟）

brief summary:

通過以上就可以new vue 檔案，還可以讓vue檔案自動程式碼補全了。