阿卡不拉

Appearance

开发相关配置 👌 ​

tsconfig 初始化 ​

shell
tsc --init

工程切换 Typescript ​

如果本地工程中也安装了 typescript，并且希望相关类型引用指向本地 typescript，而不是 vscode 内置的 typescript，可以自行进行切换

Ctrl (Command 在 macOS) + Shift + P 打开命令面板，输入Select Typescript Version，选择切换即可

开发相关配置-1

开发相关配置-2

开发相关设置 ​

在「设置」中，「打开工作区设置」，由于内容较多，可以使用搜索词：typescript inlay hints

对于新手，推荐开启的配置项主要是这几个：

  • Function Like Return Types，显示推导得到的函数返回值类型；
  • Parameter Names，显示函数入参的名称；
  • Parameter Types，显示函数入参的类型；
  • Variable Types，显示变量的类型。

开发相关配置-3

如果是工作区配置就会在.vscode/setting.json文件中生成下列配置：

javascript
{
  "typescript.inlayHints.functionLikeReturnTypes.enabled": true,
  "typescript.inlayHints.parameterNames.enabled": "all",
  "typescript.inlayHints.parameterTypes.enabled": true,
  "typescript.inlayHints.variableTypes.enabled": true
}

开发相关配置-4

当然，并不是所有人都习惯这样的显示方式，你可以根据自己的需要进行调整。

VS Code 插件 ​

Error Lens 这个插件能够把错误直接显示到代码文件中的对应位置

开发相关配置-5