Tslint.json之配置解決WebStrom中的紅色問(wèn)題

一 : 前言

最近重新學(xué)習(xí)了一下Web , 學(xué)習(xí)的新框架Angular . 因?yàn)楸救吮容^喜歡用WebStrom . 但是由于一個(gè)潔癖 , 引發(fā)了一系列的操作.先看看工程:

都在飄紅啊 , 但這些紅色的真不是Bug , 我在VS Code中打開本本項(xiàng)目 , 如下:

程序員都有潔癖 , 爆紅是不好的.....................

二 : 解決之路

Ⅰ ,? 使用VS Code

VS Code存在一個(gè)坑爹的問(wèn)題 , 自動(dòng)引入 ( import ) 問(wèn)題 , 搜了半天的百度 , 終于知道有一個(gè)叫 "Auto Import"的插件 , 安裝上了.

但是發(fā)現(xiàn)了一個(gè)始料未及的Bug:

雖然自定義的類可以使用Auto Import自動(dòng)添加引用 , 但是發(fā)現(xiàn)了FormsModule等沒(méi)法自動(dòng)引用 , 這插件是我不會(huì)用 , 還是咋的 , 請(qǐng)知曉此玄機(jī)的讀者不吝賜教.

Ⅱ , 繼續(xù)WebStrom

WebStrom中的Alt_Enter一直是我的最愛 , 可以自動(dòng)引用 . 在搜索百度后 , 終于一個(gè)個(gè)的知道爆紅的原因了.

一部分出在 Tslint.json配置文件中 , 一部分出在Git(版本)控制中.

① , Tslint.json(Angular項(xiàng)目根目錄下)

規(guī)定了Tslint.json的各種代碼規(guī)范 , 也是有心了 . 但是規(guī)定的太嚴(yán)格 , 導(dǎo)致了各種不自在啊. 現(xiàn)逐一解決:

1 , 類型報(bào)紅 , 如下

說(shuō)的是 , 可以根據(jù)變量words的值"Aoaudly"來(lái)確定words就是一個(gè)string , 所以程序員將words定義為string類型 (words : string)那是多此一舉!

解決 :?

2 , 單/雙引號(hào)報(bào)紅 , 如下

TSlint.json默認(rèn)嚴(yán)格限制了單/雙引號(hào)的使用

解決 :

3 , 空格報(bào)紅 , 如下

TsLint.json默認(rèn)嚴(yán)格規(guī)定了空格的使用

解決:

4 , 特殊類型報(bào)紅 , 如下

解決:

看看結(jié)果:

② ,?Git(版本)控制

在 settings -> Version Control中

三 : 大結(jié)局

四 : Tslint.json的配置

{
??"extends":?"tslint:recommended",
??"rulesDirectory":?[
????"codelyzer"
??],
??"rules":?{
????"array-type":?false,
????"arrow-parens":?false,
????"deprecation":?{
??????"severity":?"warn"
????},
????"import-blacklist":?[
??????true,
??????"rxjs/Rx"
????],
????"interface-name":?false,
????"max-classes-per-file":?false,
????"max-line-length":?[
??????true,
??????140
????],
????"member-access":?false,
????"member-ordering":?[
??????false,
??????{
????????"order":?[
??????????"static-field",
??????????"instance-field",
??????????"static-method",
??????????"instance-method"
????????]
??????}
????],
????"no-consecutive-blank-lines":?false,
????"no-console":?[
??????true,
??????"debug",
??????"info",
??????"time",
??????"timeEnd",
??????"trace"
????],
????"no-empty":?false,
????"no-inferrable-types":?[
??????true,
??????"ignore-params",
??????"ignore-properties"
????],
????"no-non-null-assertion":?true,
????"no-redundant-jsdoc":?true,
????"no-switch-case-fall-through":?true,
????"no-use-before-declare":?true,
????"no-var-requires":?false,
????"object-literal-key-quotes":?[
??????true,
??????"as-needed"
????],
????"object-literal-sort-keys":?false,
????"ordered-imports":?false,
????"quotemark":?[
??????false,
??????"single"
????],
????"trailing-comma":?false,
????"no-output-on-prefix":?true,
????"use-input-property-decorator":?true,
????"use-output-property-decorator":?true,
????"use-host-property-decorator":?true,
????"no-input-rename":?true,
????"no-output-rename":?true,
????"use-life-cycle-interface":?true,
????"use-pipe-transform-interface":?true,
????"component-class-suffix":?true,
????"directive-class-suffix":?true,
????"class-name"?:?false,
????"variable-name"?:?false,
????"one-line"?:?true,
????"no-boolean-literal-compare"?:?false,
????"no-angle-bracket-type-assertion"?:?false,
????"binary-expression-operand-order"?:?false,
????"arrow-return-shorthand"?:?false,
????"jsdoc-format"?:?false,
????"interface-over-type-literal"?:?false,
????"no-irregular-whitespace"?:?false,
????"number-literal-format"?:?false,
????"whitespace"?:?false,
????"curly"?:?false,
????"typedef-whitespace":[
??????false,
??????{
????????"call-signature":?"nospace",
????????"index-signature":?"nospace",
????????"parameter":?"nospace",
????????"property-declaration":?"nospace",
????????"variable-declaration":?"nospace"
??????},
??????{
??????"call-signature":?"onespace",
??????"index-signature":?"onespace",
??????"parameter":?"onespace",
??????"property-declaration":?"onespace",
??????"variable-declaration":?"onespace"
??????}
????],
????"ban-types":?[
??????false,
??????[
????????"Object",
????????"Use?{}?instead."
??????],
??????["String"]
????],
????"prefer-const":?false,
????"no-trailing-whitespace":?false,
????"comment-format":?false
??}
}