webstrom创建vue常用模板

• 打开webstrom的设置，Editor–>Live Template

• 添加自己定义的模板代码，如：

代码语言：javascript复制

	<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就能调出刚才自定义模板了。

html editor live

0 人点赞