用类型增强vscode中的js代码提示功能

使用类型增强vscode中的javascript代码提示功能

微软的vscode编辑器是开发typescript项目的最佳选择，它也是由typescript开发的。

每个使用过ts的人都知道*.d.ts类型声明文件及其管理工具，从最初的tsd到后来的打字员再到现在的@ types，为ts的智能提示和类型检查提供了强大的支持。

我们还可以在编辑javascript时使用类型声明文件来增强vscode的智能提示。

有关vscode的更深入解释，请访问以下链接：

1、https://code.visualstudio.com/docs/languages/javascript

2、https://github.com/Microsoft/TypeScript/wiki/JavaScript-Language-Service-in-Visual Studio

3、https://code.visualstudio.com/docs/editor/intellisense

安装类型文件

现在，我们可以直接使用npm安装所需的类型文件，而不需要依赖打字员。

例如，我们想安装sequelize的类型文件，它可以直接使用：

NPM install @types/sequelize-save-dev安装完成后，我们在node_modules目录中分发一个现有的@ types目录，其中包含所有已安装的类型声明文件。

如果某些第三方npm包没有正式提供类型声明文件，可能会出现安装错误，并且找不到相应的包。此时，我们不能用它来增强js代码的提示功能。

如果你熟悉如何用ts写*.d.ts文件，也可以自己写一个。

配置jsconfig.json文件

有关jsconfig.json文件的详细描述，请参见此处。

在jsconfig.json文件中添加：

包括' : ['model/* *，' service/* *']，' typeAcquisition ' : { ' Include ' :[' sequelize ']}，其中typeAcquisition参数是强制的，表示启用了类型感知功能，其中的include表示启用了哪个包。

上面的include不是必需的，只是用来标识jsconfig.json文件适用于哪些文件。

打开后，如图所示：

上图中的例子指出了sequelize包中模型类的实例方法和属性。

Vscode还对智能感知的图标进行了一定的总结：

在js文件中启用语义检查

如果想在js中启用类型检查，可以在文件顶部添加//@ts-check注释。

//@ ts-check let easy=' ABC ' easy=123//error : type ' 123 '不可分配给类型' string '或在jsconfig.json中进行配置：

{“编译器选项”: {“checkjs”: true }，“排除”:[“node _ modules”]}有关详细信息，请参考文档

摘要

以上就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。