vscode-eslint的踩坑实践–typescript没法花样化

弁言

近来开辟的前端项目跟着开辟的职员越来越多，代码范例已经是一个很难防止的题目了，虽然百度有fecs这个划定规矩搜检，然则不论是icode或许是项目当地都没有设置或搜检，完端赖自发，这是件异常扯淡的事。

icode负责人示意临时没法支撑这个，所以看来只能在当地想一想方法了。

fecs中的jformater由于不支撑自定义花样化挪用划定规矩，让fecs运用起来很蛋疼，所以照样挑选了主流开源的eslint。

第一步如今当地设置好相干东东，下一步如果有时机的话，会在preCommit时做eslint搜检，然则临时没有项目的控制权，所以看起来也很难完成，不过应该会写写革新计划吧。

eslint

eslint这个库原本是为了完成插件化可扩大而生的，着实不邃晓为何fecs还要本身封一次。。。

能够全局装置或许当地项目中装置，编辑器通常会挑选当地库优先，当地.eslintrc.js，优先这点很赞。

头几天看到了腾讯alloyteam发了划定规矩包，对每条划定规矩都写了解释，所以就随手拿来主义了。

https://github.com/AlloyTeam/eslint-config-alloy

划定规矩都写邃晓了，支撑es、ts、vue、react、tsreact几种划定规矩。

小坑

js文件能够直接经由过程花样化快捷键举行自动修复，ts就是不能够?.

搜了下vscode-eslint这个库的issues，一开始我以为是global和local装置eslint的题目，也疑心过是否是alloyTeam的划定规矩extends有题目，然则种种排查，种种最小化，发现是文件花样?。

现在大部分的划定规矩库给出的设置划定规矩以下：

{
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue",
        "typescript",
        "typescriptreact"
    ]
}

须要注重的是，这内里只要javascript是默许支撑自动修复的，其他的并不支撑，所以要改成：

{
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue",
        {
            "language": "typescript",
            "autoFix": true
        },
        "typescriptreact"
    ]
}

结论

每个看似很简单的题目，排查的时刻都很难呀?