Webstrom creates common vue templates

• Open webstrom Settings, Editor – >Live Template
  
  
• Add your own template code, such as:

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

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

After adding the template, you need to choose which domain to apply to. In this case, select HTML.



Then in the new case, type vue+Tab to bring up the custom template.