webstorm格式化代码规则配置,webstorm配置vue开发环境

　　本文主要介绍vue模板配置和webstorm代码格式规范设置的详细信息。有需要的朋友可以参考文章的具体内容，希望对你有所帮助。

1、编译器代码格式规范设置

　　通常我们写代码的时候，代码缩进是4个空格，但是在前端，根据全局投票统计，建议使用2个空格进行代码缩进。

　　首先，我们打开webstorm中的设置。如果你用的是mac，可以直接用command，shortcut，转到编辑器-代码样式- HTML HTML，把Tab size和Indent的值改成2，在JavaScript里也改成2。

　　当我们用html练习vue的时候，如果不想每次都创建一个vue实例对象，那么我们可以在html中配置一个模板，然后直接用vue标签直接引入代码。

　　我们在webstorm中打开设置，进入编辑器-实时模板，选择vue，然后点击

　　选择Live Template，然后用abbrev写vue，在模板文本中写下要配置的模板文本内容。

　　最后一页，有一个！放置，单击“定义”

　　然后检查HTML并单击确定完成。

　　最后的效果，我们直接在HTML中输入vue，然后按tab，刚刚配置好的模板代码马上就出现了。

　　关于vue模板配置和webstorm代码格式规范的这篇文章到此为止。关于vue webstorm的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。