webstrom創建vue常用模板

• 打開webstrom的設置，Editor–>Live Template
  
• 添加自己定義的模板代碼，如：

	<div id="app">
        {{message}}
    </div>

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

這裏注意的是添加完模板後要選擇應用到哪個領域中，這裏選擇HTML即可。

接着在新建的案例當中，輸入vue+Tab就能調出剛纔自定義模板了。