关于webstorm对vue的设置
1. ⾸先安装vue插件,安装⽅法:
webstorm插件推荐 setting --> plugin ,点击plugin,在内容部分的左侧输⼊框输⼊vue,会出现两个关于vue的插件,点击安装即可。安装完成后,就可以看到,新建⽂件时,会有vue⽂件的提⽰。
如下图所⽰:
2. 设置vue新建⽂件模板。
步骤: settings --> file and code templates .在内容区域左侧点击vue file,修改对应的模板内容即可。
如下图所⽰:
3. 设置vue⽂件⽀持的编码格式(例如:⽀持的缩进是2):
步骤:settings --> code style,把code style 下⾯所有你认识、觉得会⽤到的内容都设置成 2,当然也包括other file types,也是设置vue格式最关键的⼀步。 如下图所⽰:
4. vue 使⽤的是es6语法,所以要将javascript的版本改成es6
步骤:settings --> languages& frameworks -- > javascript ,选择javascript,修改内容区域的javascript language version: ECMAScript 6 即可。
5. 如果你在修改vue⽂件,ctrl+s 之后,dev不⾃动编译,请参考。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论