webstrom编辑vue项目根据eslint格式化代码报红

最新推荐文章于 2024-10-25 09:55:02 发布

燕辞桐镯

最新推荐文章于 2024-10-25 09:55:02 发布

阅读量1.7k

点赞数

分类专栏： webstrom vue 文章标签：前端 vue

本文链接：https://blog.youkuaiyun.com/weixin_43896327/article/details/115869171

版权

vue 同时被 2 个专栏收录

3 篇文章

订阅专栏

webstrom

2 篇文章

订阅专栏

本文介绍了解决Vue项目在WebStorm中script标签报红的问题。通过调整配置文件(.editorconfig)和WebStorm设置(File>Settings>Editor>CodeStyle)，使script标签的缩进与项目规范一致，从而消除报错。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当一个vue工程，在webstorm里面打开后，发现script每行的前面都会报红，看着难受，那么如何去除报红呢？
在这里插入图片描述
1.首先，打开vue项目，找到**.editorconfig文件查看indent_size**的值。

2.然后打开webstrom的设置里找到File > Settings > Editor > Code Style > JavaScript的设置，然后将设置中的Indent和Continuation indent都设置为Eslint中indent_size设置的值。
在这里插入图片描述
3.将设置好的值加入到File > Settings > Editor > Code Style > HTML 下的other中的Do not indent children of中去，在第五的地方新增script字段，让页面匹配即可（默认没有格式化script，所以需要手动添加）。

以上就是解决vue项目在webstrom中报红的方法，如果觉得有用请多多关注点赞，博主会分享自己使用的过程中遇到的难点问题，大家共同进步！