前端-团队效率-vscode插件自动补充ts类型

插件说明

• auto-ts-inline-types，在vscode插件市场搜索
• 安装完成之后，在ts代码编辑区域，右击选择autoTsType,执行等待，执行完成，ts类型已经补充
• 补充说明由于算法的缺陷和部分补充代码不兼容ts的写法，依然有bug存在以及需要手工调整

需求背景

• ts类型的补充是代码健壮性的保证之一
• 类型引用层级与个人代码水平各异导致类型不能全部补充，写ts和写es5差距不大，反而有些本末倒置的意思

常见解决方案

• 代码提示，在vscode中有各种各样的代码提示插件，本人也安装了一个小众的由webpack作者发布的插件ts-inline-types

举一反三

• 基于这些大牛的想法与代码，我想了想既然可以提示ts类型，为啥不自己补充昵？其实就是把ts-line-types的代码有提示换成自动补全

想得永远比做的简单

• 难点一：提示语法与编写语法冲突，例如ts类型前面提示信息在ts书写过程中不能使用例如

// 提示显示内容
console.log(message:"s")
// 正确书写内容
console.log("s")

• 难点二：算法排序，在提示时是不需要考虑代码位移的问题的，在书写时，前面代码插入会导致后面代码插入位置不正确
• 难点三：特殊场景例如其他的探索暂时未知

// 箭头函数带括号写法
()=>{}
// 箭头函数不带括号写法
e=>{}
同样是箭头函数解析的时候位置就不一样

• 难点四：vscode的插件中api的使用

git地址

github.com/fodelf/auto…

后续

• 与工程化相结合，在代码提交时，进行代码验证与补偿

再后续

• 做一个gitlab机器人，代码自动补充，然后代码补充，代码自动判断逻辑（人工智能），经过确定后merge