使用typings给vscode添加更多的智能提示

一时失言乱红尘 2022-06-08 04:57 292阅读 0赞

vscode真的是一个非常好用的IDE，但是智能提示这块还是不能提示所有的东西，这个真的是非常的麻烦的。

下面就教大家使用`typing`来给没有提示的关键字、对象、方法等添加提示。

### 安装`typings` ###

1.前提是有npm  
2.在项目目录下执行`npm install typings -g`全局安装更放心

### 初始化项目 ###

1.在项目下执行`typings init`项目下会自动生成文件`typings.json`这个文件给typings使用，类似于package.json  
2.检查是否有`jsconfig.json`文件，如果没有就新建一个，内容无要求

### 添加第一个插件 ###

1.添加一个node的智能提示  
2.某些插件需要加全局参数`--global`，比如node。不加这个参数安装报错，提示需要加这个参数  
3.执行`typings install dt~node --global --save`安装成功  
4.现在编写node也有语法提示领。  
5.其他插件可以自行搜索添加  
6.所有插件都在typings这个文件夹下  
7.安装完最好重启一次

安装express提示  
`typings install dt~express dt~serve-static dt~express-serve-static-core --global`

### 编写自己的智能提示 ###

1.在typings文件夹下创建对应的文件夹  
2.添加`index.d.ts`文件，在里面写各种提示的逻辑  
3.将文件路径添加到typings文件夹下的`index.d.ts`中，类似：

`/// <reference path="globals/node/index.d.ts" />`

### 编写提示代码 ###

1.使用`declare`来定义  
2.使用`export`来开放  
3.[地址1][1] [地址2][2]

declare function domready (...): any; export = domready

[1]: https://github.com/typings/typings/blob/master/docs/examples.md
[2]: https://code.visualstudio.com/docs/languages/javascript

发表评论取消回复

表情：

评论列表（有 0 条评论，292人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue3配置tailwindcss并在vscode中智能提示

![48b839f675b640ca9d86b35f05b43cf9.png][]有能力的可以看官网教程：[Install Tailwind CSS with Vite - T

男娘i/ 2023年10月10日 21:48/ 0 赞/ 80 阅读

相关 Visual Studio Code 使用 Typings 实现智能提示功能

前言我们知道在IDE中代码的智能提示几乎都是标配，虽然一些文本编辑器也有一些简单的提示，但这是通过代码片段提供的。功能上远不能和IDE相比。不过最近兴起的文本编辑器的新

女爷i/ 2022年07月14日 03:00/ 0 赞/ 250 阅读

相关 VS Code智能提示功能之Typings

一、Node.Js的Typings工具可以用于Visual Studio Code的代码补全 1.vscode 的默认只有es原声api带有自动补全的功能，现在V1.9的版本

小咪咪/ 2022年07月12日 12:22/ 0 赞/ 732 阅读

相关 Firefox 将让多进程功能开放给更多使用者使用

[![firefox.jpg][]][firefox.jpg] 在过去数月以来，Firefox 都有在更新其功能，为的是追上其他对手的速度、安全性和可靠性，像是早就在

男娘i/ 2022年07月12日 08:12/ 0 赞/ 127 阅读

相关 VScode中Javascript使用TypeScript文件实现智能提示

VScode中Javascript使用TypeScript文件实现智能提示其实智能提示就是引用库，从而智能提示库中的各类成员 VsCode在JavaScript项目

柔光的暖阳◎/ 2022年06月12日 05:59/ 0 赞/ 1600 阅读

相关使用typings给vscode添加更多的智能提示

vscode真的是一个非常好用的IDE，但是智能提示这块还是不能提示所有的东西，这个真的是非常的麻烦的。下面就教大家使用`typing`来给没有提示的关键字、对象、方法等添

一时失言乱红尘/ 2022年06月08日 04:57/ 0 赞/ 293 阅读

相关智能提示

<!doctype html> <meta charset="utf-8"> <style type="text/css"> body { margin

素颜马尾好姑娘i/ 2022年05月23日 12:20/ 0 赞/ 281 阅读

相关 HBuilder中使用Vue智能提示

目的：使用HBuilder可以智能提示Vue 第一步：在项目上右键找到引用框架语法提示找到后点击需要的框架就好了。如果没有vue的话，请升级 ![waterm

约定不等于承诺〃/ 2022年05月17日 04:15/ 0 赞/ 221 阅读

相关 vscode 没有css智能提示的问题

前提是本身已经安装智能提示插件或者本身有智能提示!!! 1. 问题写代码的时候突然遇到这种情况了, 写定位 absolute 这样的提示都没有,有点懵逼 !

刺骨的言语ヽ痛彻心扉/ 2021年09月17日 18:08/ 0 赞/ 511 阅读

相关给Eclipse分配更多的内存

在Eclipse的运行命令后面加参数，可以手动分配内存。（windows用户可以通过快捷方式来添加参数）如果你的PC有 512MB 内存: \-vmargs -Xms2

左手的ㄟ右手/ 2021年09月10日 11:14/ 0 赞/ 493 阅读