用打字员实现Visual Studio代码智能提示功能

序

相信大家都知道，代码的智能提示几乎是IDE的标配。虽然一些文本编辑器也有一些简单的提示，但它们是通过代码片段提供的。功能上比不上IDE。而Visual Studio Code作为一种新兴的文本编辑器，可以通过打字器实现对JavaScript的智能提示功能，这对于一个文本编辑器来说是非常困难的。因此，Visual Studio Code特别适合编写JavaScript(Node.js)程序。同时，如果我们需要编写一些试探性的小代码片段，比如Lodash.js的一个函数的小Demo，因为不想研究一个函数的用法，而使用IDE创建一个新的项目，那么Visual Studio Code是一个非常好的选择，它还可以运行和调试JavaScript代码(取决于Node.js)，并且还包含了一个非常方便的代码提示功能。

从这个角度来看，我认为Visual Studio Code已经是一个小IDE了。

打字员是通过NPM安装的

通过NPM，我们可以轻松安装打字机并进入：

完成npm安装后，输入：

打字员-版本当您看到版本信息时，表示打字员工具安装完成：

NPM是和Node.js一起安装的，如果要用NPM，应该先安装Node.js。

安装相关提示信息文件

安装完成后，我们需要安装相应的类型信息文件，需要提示函数库或框架。在这里，我们创建一个新的文件夹NodeSnippet，使用命令行进入目录，输入以下两个命令分别安装Node和Lodash的类型接口信息文件：

打字员安装dt ~ node-global-savepreferences安装lo dash-何时需要使用-global参数：

如果已安装的包使用脚本标记进行引用(如jQuery)(即在浏览器中使用)，则当它是环境的一部分时(如node)就不使用该包-当- global安装失败时，我们可以看到在我们的NodeSnippet目录中有更多的文件：

这些文件是为我们提供提示信息的类型文件(由TypeScript定义)。要查看打字员是否支持库或框架的智能提示，我们可以使用以下命令：

键入搜索示例名称启用智能提示功能

启动提示功能有两种方式：

首先是在只需要提示的文件的最上面一行添加提示信息文件所在的目录。格式如下：

///referencepath='。/typongs/index . d . ts '/第二种方法是在项目所在的目录中添加一个名为jsconfig.json的空文件(在这里，在NodeSnippet文件夹中)。

有关jsconfig.json文件的更多信息，请参考https://code.visualstudio.com/docs/languages/javascript

启用提示功能后，我们可以尽情使用Visual Studio Code提供的智能提示功能。如下图所示：

需要注意的事项

打字员VS TSD

打字员成了TSD的替代品。如果你已经安装了TSD，你需要知道TSD不再被推荐。如果已经安装了TSD，请执行以下命令将其删除：

国家预防机制rm -g tsd使用国家预防机制

在中国，因为墙的原因，有时候用NPM安装模块的速度会很慢。此时，我们实际上可以选择淘宝在中国的NPM形象，并使用以下命令进行安装：

在安装npm install-gCnpm-registry=https://registry.npm.taobao.org之后，可以使用cnpm来代替NPM命令，例如，安装lodash模块的以下示例：

Cnpm安装lodash显示，除了cnpm取代npm之外，没有任何区别。

摘要

以上就是本文的全部内容。希望这篇文章的内容对你的学习或工作有所帮助。有问题可以留言交流。