angular项目中tslint中的一些配置

使用vscode进行angular项目开发时,如果没有进行任何配置的话,代码中会有一些莫名其妙的报错,但是却不影响运行,此时很大原因是因为tslint的配置的问题,找到根目录下的tslint.json文件,将其中相应的配置进行更改,如果没有则手动增加。

1.尾部空格检测

"no-trailing-whitespace": false,

设置为false之后可以在代码尾部敲空格,如果不设为false,有时候手抖尾部敲了一个空格则会引起报错,看着难受。

2.行内检测
"one-line": [
  true,
  "check-open-brace",
  "check-catch",
  "check-else",
  "check-whitespace"
],
这个里面可以自行配置自身需要的,比如check-whitespace这项就会要求函数名,参数表和函数段开头的大括号之间要有空格。当然也可以设置为false,将这个功能完全禁用。

3.关键字var
"no-var-keyword": true,
如果这一项启用的话,就不能在程序段中使用var来生成变量。本身ES6提供的let确实很好用,但如果需要利用var的特性(比如变量提升)来实现一些程序段的话,那就不能禁用。

4.注释行中的空格
"comment-format": [
  true,
  "check-space"
],
如果check-space这一项存在,那么注释行的开头必须要加上一个空格。这个对于使用英文注释的人来说,没有多大影响,但是中文话就没有必要。注释毕竟是区别于代码段的,要使用如何的书写格式应当自己来决定。去掉这一项,或者将整个commet-format的值改为false,就可以将其禁用。

5.空格在其他部分的设置
"whitespace": [
  true,
  "check-branch",
  "check-decl",
  "check-operator",
  "check-separator",
  "check-type"
],
whitespace这一项决定了在哪些情况下必须先插入空格,然后写入自己的代码。比如check-separator这一项就会要求在初始化数组的时候,相邻元素间不仅要用“,”分隔,还需要在其之后加入空格。

6.引用规范
"quotemark": false,
quotemark规定了引用符号的格式,比如在true,'single'的模式下,就会强制规定引用时必须使用单引号。这个值设为false之后使用单引号和双引号后都不会报错。
7.const偏好
"prefer-const": false,
这一项会在变量没有在程序段中重新赋值的时候提示使用const,这么做可以优化性能。然而,这样的设定也会引发一些问题,毕竟我们在设计的时候会考虑到后期对某些变量可能会进行修改。建议在初期开发完成,程序处理逻辑趋于稳定,进入性能优化的环节后再把这一项启用,协助检查哪些变量可以用const优化。

你可能感兴趣的:(软件)