打算用 ts + vue 写一个新项目,突然发现 vs code 竟然还有 Quick Fix... 这个功能,这个功能需要搭配 volar,因为用 vetur 的时候我没看到有出现,在配合 ts 适用是能让人有种使用 IDEA 的错觉,就是 More actions...,你甚至可以将热键改成 alt + enter(回车),那就和 IDEA 一模一样了(当然比不上 IDEA 那么多解决方法和提示)
它给出的解决方法是这样的
axios
.post('/api/user/register', ob)
.then((res: { data: { data: string; msg: any } }) => {
...
}
实际上我在后端传回来的是是一个常见的 Result 基类,是这样的
public class CloudResult<T> {
private int code;
private String msg;
private T data;
// 构造方法、getter 和 setter 就不贴出来了
}
补充回来的也差不多,还是挺好用的
当然也不是所有错误都会有相应的解决方法(说实话 IDEA 有很多也没有),比如这个
后续我还发现了像 class 为变量生成 getter/setter 等一系列的功能,更多的 TypeScript 的支持可以查看 Vs Code 的文档
注意
不要觉得这个没有用,因为这个在编译的时候会有错误提示的,可能无法运行(我使用 vue-cli 的时候是这样的),就像下面这个错误,我曾经找了好久,百度到一堆没有的,比如什么改 tsconfig.json 去除掉 type 检查(我寻思你 ts 禁用类型检查你还用什么 ts ?),如果那时候直接有个这样的提示和解决方案我直接就可以省掉一大堆开发时间
也不要觉得配置很麻烦,嫌麻烦应该用去 webstorm,配置好了你的 IDE 也是对编码效率的提升
vs code
alt + enter 有挺多冲突的,有插件的,也有 vs code
自带的,不过也能用,就是不知道哪天用着用着突然出来奇怪的