资讯专栏INFORMATION COLUMN

vscode-eslint的踩坑实践--typescript无法格式化

harryhappy / 2687人阅读

摘要:的踩坑实践无法格式化引言最近开发的前端项目随着开发的人员越来越多,代码规范已经是一个很难避免的问题了,虽然百度有这个规则检查,但是不论是或者是项目本地都没有配置或检查,完全靠自觉,这是件非常扯淡的事。

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"
    ]
}
结论

每一个看似很简单的问题,排查的时候都很难呀?

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93036.html

相关文章

  • Notadd 2.0 全新 Node.js 版本~ (开发中) [从 PHP 到 node 踩坑

    摘要:有着最全的协议支持,同时有各种非阻塞拓展,可以说是最符合要求的,但是异步需要对做很大的改动。的计划将基于开发,同时也提供一些无法提供的功能和特性。 一点小遗憾 对于 Notadd 我们本来期望它实现更多... 尽管我们也尝试做了很多努力,但是由于 PHP 本身的局限,以及考虑到开发环境配置的复杂程度,最终使用了折中方案。接下来,我们谈谈整个技术选型历程,也供今后相关开发者做借鉴和参考:...

    Tonny 评论0 收藏0
  • 2019年我的 TypeScript 轮子这样写

    摘要:本文近日施工中与各位分享近期笔者写一个较繁复的轮子的过程,以及其中的踩坑与思考。拿常用的库作比较的话,这个库性质类似这种辅助的工具库,这种范式有函数式和响应式编程的味道,具体是属于数据流编程的一种。 (本文近日施工中...) 与各位分享近期笔者写一个较繁复的轮子的过程,以及其中的踩坑与思考。若有更佳实践,还望不吝赐教。 要素察觉:目录结构, git 分支策略, TS 与 Lint ,多...

    Baaaan 评论0 收藏0
  • GitLab CI/CD 在 Node.js 项目中的实践

    摘要:近期在按照业务划分项目时,我们组被分了好多的项目过来,大量的是基于的,也是我们组持续在使用的语言。部署环境强依赖本地,因为需要在本地建立仓库的临时目录,并经过多次的方式完成部署上线的操作。 近期在按照业务划分项目时,我们组被分了好多的项目过来,大量的是基于 Node.js 的,也是我们组持续在使用的语言。 现有流程中的一些问题 在维护多个项目的时候,会暴露出一些问题: 如何有效的使用...

    Profeel 评论0 收藏0
  • 在Vue2,Vue-cli中使用Typescript需要的配置

    摘要:这里拿之前写的的代码当个栗子元数据写在配置里,像名字,用到的组件啥的,然后说下之前里用到的各个实例属性方法在这里怎么用这个是最常用的,像上面的这里一共声明了个,注意这里声明的变量一定要赋一个值,没有就不能是,不然这个数据就不是响应的。 公司的团队最近热衷于vue框架,新项目想着练练typescript,于是开始了vue+ts的踩坑之路...本文意在为和我有一样想法的伙伴们省去踩坑的时间...

    dance 评论0 收藏0

发表评论

0条评论

harryhappy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<