1. 程式人生 > >idea支援建立vue檔案

idea支援建立vue檔案

一、File->Settings,搜尋"File" 將會開啟File and Code Templates如下

二、在File建立下翻看是否有vue檔案,沒有則按如下新建

 預設檔案內容,上圖標註3內容自定義,以下是模板

<template>
    <div>
        {{msg}}
    </div>
</template>
<script>
  // import __ from '__' // __是需要手動引入的檔案
  export default {
    name: '',
    components: {},
      data () {
          return {msg: '這個是Home模板頁'}
      },
      methods: {}
  }
</script>
<style lang="postcss" scoped>
  body {
      background-color: #ff0000;
  }
</style>

三、重新新建檔案發現有了Vue File選項