【IDE】WebStorm 调整Tab缩进为2空格 -- 为遵循ESLint语法规范

时间：2023-06-05 15:07:29浏览次数：33

标签：文件缩进 -- 步骤 Style WebStorm 空格 ESLint Tab

在使用Vue开发项目的过程中，为了遵循ESLint语法规范，我们需要把Tab缩进改为2个空格

IDE	version
`WebStorm`	2018.3

步骤一

修改这三处的值为：2

【IDE】WebStorm 调整Tab缩进为2空格 -- 为遵循ESLint语法规范_WebStorm

步骤二

把这两处默认的勾选去掉，不让其detection当前文件的Tab缩进

【IDE】WebStorm 调整Tab缩进为2空格 -- 为遵循ESLint语法规范_Vue_02

注意！

通过上面两个步骤，细心的同学会发现，我们只是改变了在JS文件的Tab缩进改为2个空格

但是，*.vue的文件缩进问题并没有被解决！

我们发现，Code Style的选项没有Vue这一项，所以我们去Other File Types去调整相关配置

调整保存后，再重启WebStorm就OK啦！！！

【IDE】WebStorm 调整Tab缩进为2空格 -- 为遵循ESLint语法规范_缩进_03

总结

通过以上设置，我们总结到：
以后需要改哪个类型的文件的代码缩进我们只需要去Code Style这个选项中，寻找对应的文件类型做相应调整就好了

标签：文件,缩进,--,步骤,Style,WebStorm,空格,ESLint,Tab
From： https://blog.51cto.com/u_16131663/6416148

【SpringBoot】如何配置静态资源的地址与访问路径
静态资源，例如HTML文件、JS文件，设计到的SpringBoot配置有两项，一是“spring.mvc.static-path-pattern”，一是“spring.resources.static-locations”，很多人都难以分辨它们之间的差异，所以经常出现的结果就是404错误，无法找到静态资源。1.spring.mvc.static-path-patternspring.mvc.sta......
【JAVA 8】 List 使用Lambda表达式操作对象字段进行升序、降序
总结使用Lambda表达式轻松对集合进行排序1、需要排序的对象implementsComparable接口，并重写compareTo方法指明默认排序的字段2、使用java8的API轻松实现对List的排序代码中也涉及了一些java8的语法嘻嘻，对新语法我也不熟悉Mainpublicstaticvoidmain(String[]args){......
【IDE】IntelliJ IDEA 插件之Alibaba Java Coding Guidelines - 阿里巴巴Java代码检测
一、安装进入插件安装界面|-File |-Settings |-Plugins输入alibabainstallAlibabaJavaCodingGuidelines重启IDEA，开始使用二、使用编码规范扫描该插件在扫描代码后，将不符合《java开发手册》的代码按Blocker/Critical/Major三个等级进行显示在Snoar中对代码规则有五......
【GIT】本地创建一个 git 仓库，并推送到远程仓库
步骤1.在本地创建一个空文件夹如：我建一个map空文件夹2.gitinit在map目录下，将这个文件夹设置为git管理的本地仓库3.gitadd.复制一个文件到map目录下，然后执行gitadd.，这样就将文件存放到了暂存区4.gitcommit-m“firstcommit”将暂存区中存放的文件提交到git本地仓库5.在远端......
【JAVA】集合、JUC包结构图
发现Java基础还是不踏实，需要好好修炼一段时间，就从下面的三张图开始学习吧，加油!一、集合框架二、JUC包三、Socket......
【Exception】Check your ViewResolver setup!
案发现场：解决方案：在pom文件中添加模板引擎依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>......
【JavaScript】想在JS中使用换行符，我该怎么操作呢？
使用'\n'换行，而不是'\n'注意前后空格实战demo：$('#text').val('hello'+'\n'+'world');......
【JavaFX】What is JavaFX ?
HelloWorld示例说明使用JavaFXSceneBuilder的示例......
【 Lombok】Lombok常用注解说明
官方文档：https://projectlombok.org/features/index.html@Data注解在类上；提供类所有属性的getting和setting方法，此外还提供了equals、canEqual、hashCode、toString方法@Setter：注解在属性上；为属性提供setting方法@Getter：注解在属性上；为属性提供getting方法@Log4j：注......
【IDE】Chrome 在其他机器登陆 Google 账号，没有退出，怎么及时保证账号及数据安全？
Chrome浏览器，再配合Google账号，确实给我们带来了很多方便比如：书签同步，扩展插件同步，数据同步但是，当我们在别人的机器上登录Google账号后，如何及时保障账号安全呢？有人说，这有什么担心的？是，正常来说我们不需要操这份心。就怕碰到极端的人，或者别人的误操作，导致我们Google账号的......

【IDE】WebStorm 调整Tab缩进为2空格 -- 为遵循ESLint语法规范

步骤一

步骤二

注意！

总结

相关文章

赞助商

阅读排行