dt类型定义文件支持js语法高亮

文章概述

本篇文章介绍dt类型定义文件支持js语法高亮的配置。

类型定义文件

类型定义文件是以*.d.ts为后缀的文件，开发者在IDE开发js项目时，使用js工具库同时安装对应的类型定义文件，就可以使用代码提示功能。
类型定义文件库：DefinitelyTyped

下载类型定义文件的方法

有两种方式：

typings方式；
npm方式；

typings方式

typings是下载类型定义文件的命令行管理工具；

安装typings

计算机全局安装，随处都可使用typings命令访问：

1
2
3

$ npm install typings --global
// 版本号检查
$ typings --version

仅安装到指定的项目中：
1
$ npm install typings --save-dev

查询类型定义文件

通过如下命令查询js工具包的类型定义文件，如果有，则会正常显示，如果没有则无法下载,如下查找react的类型定义文件：

// 根据对应的typings名称查找：
$ typings search react
// 根据名称查找：
$ typings search --name react

注：如果安装其他工具包的类型定义文件，可在TypeSearch上搜索，或者利用typings命令查找。

typings.config

所有typings命令安装的类型定义文件都会配置到typings.config文件中；

创建typings.config文件：

1	$ typings init

如果项目中已有typings.config配置，可执行安装命令，安装配置文件里的类型定义文件：

1	$ typings install

或

1	$ typings i

下载js工具包的类型定义文件，如下安装node类型定义文件：

// 安装到devDependencies，有时可能无效；
$ typings install dt~node --save-dev
// 安装到devDependencies无效果时，可以安装到全局globalDependencies；
$ typings install dt~module --global --save

npm方式

npm安装类型定义文件，大多配置在package.json文件的devDependencies项中；

如：下载node的类型定义文件：

1	$ npm install --save-dev @types/node