JS缩进的问题(还在更新中...)

个人做开发的时候用WebStorm,可以设置缩进问题的有三个地方,一是在WebStorm中设置,Preference->Editor->Code Style->JavaScript,进入这个页面后,可以看到能修改Tab size、Indent、Continuation indent三项,我们可以根据项目需要来进行修改。


webStorm中的设置.jpg

二是在.eslintrc.js文件中修改,可以在'rules'中添加"indent": ["error", 2],这个规则,表示缩进2个空格。


eslintrc文件中的修改.jpg

如果想要忽略关于缩进或方法之后是否需要空格的规则,设置为0


WechatIMG2076.jpeg

三是在.editorconfig,EditorConfig帮助开发人员定义和维护一致的编码风格在不同的编辑器和IDE。EditorConfig项目包含一个文件格式定义编码风格和文本编辑器插件的集合。EditorConfig文件易于阅读并且他们与版本控制器很好地合作。在.editorconfig文件中添加indent_style = space,indent_size = 2这两句就可以控制代码缩进的问题,这两句也是表示缩进2个空格。


editorconfig文件中的修改.jpg

如果有editorconfig,那么它里面的设置就会覆盖前面两种设置,最终以这个为准。

第二种和第三种规范中的规则分别代码什么意思,开启和关闭都如何写,把注释标出来

当我们遇到红色波浪线时,把鼠标移动上去,把鼠标移上去会显示解决方案或者alt+enter+选择第一行,就是出现红色波浪线报错的说明,第一行的下面还有其他的解决方式,几种设置方法的优先级关系

alt+enter+选择第一行.jpg
选择其他的解决方式.jpeg
  1. 弄明白 规范 vs 实现。
  2. EditorConfig 规范 和它的配置文件 .editorconfig,用来对文本进行格式化的。
    各个文本编辑器都实现了她。
    WebStorm 也不例外。
  3. ESLint是个实现(用JS代码检验JS的代码风格),他也有配置文件,这个实现可以通过很多方式调用:
    比如命令行,比如WebStorm。

WebStorm实现EditorConfig 是通过插件的方式,关掉就可以了。
关掉EditorConfig 语法检测的方式

关掉EditorConfig 语法检测的方式.jpg

关掉ESlint语法检测的方法,临时把 WebStorm对ESLint的支持disable掉。


关闭ESlint的语法检测.jpg

将webstorm中的js设置为ES6语法规则


将webstorm设置为ES6语法规则.jpg

https://zhuanlan.zhihu.com/p/28541896

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,862评论 1 45
  • 还是在看别人 github 上项目的时候,看到好多项目目录下都会有个 .editorconfig 文件,起初看里...
    dkvirus阅读 14,990评论 0 13
  • 文/范亚坤 苍穹下,月光让天空更亮, 每一颗繁星都让人怀念, 执一人之手,倾一世温柔。 我爱你, 犹如暴风之于海燕...
    范亚坤阅读 488评论 2 1
  • 五一放假,天气很好,现在也是一年中最好的季节,各种花草都开了,处处是美景,就带着老婆孩子来碧沙岗转转,对于家人...
    姚常春阅读 129评论 1 4
  • 月亮,自古以来都是人们争论的对象,有人说:"月亮是嫦娥玉兔住的地方"。 21世纪的全球生态恶化问...
    漠白家的漠钰阅读 694评论 3 7

友情链接更多精彩内容