前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >webstrom创建vue常用模板

webstrom创建vue常用模板

作者头像
兮动人
发布2021-06-11 15:36:51
3860
发布2021-06-11 15:36:51
举报
文章被收录于专栏:兮动人的博客
  • 打开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就能调出刚才自定义模板了。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/06/13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档