Vscode中Javascript使用TypeScript文件实现智能提示
来源:互联网 发布:python idle官方下载 编辑:程序博客网 时间:2024/06/08 06:46
Vscode中Javascript使用TypeScript文件实现智能提示
其实智能提示就是引用库,从而智能提示库中的各类成员
VsCode在JavaScript项目中链接或配置TypeScript文件类型(即*.d.ts文件),来实现智能提示,因此我们可以自己编写(根据TypeScript语言规范重新编写已有的JavaScript文件库)或者利用别人编写好的TypeScript文件。
下面例子是使用别人编写好的TypeScript文件
步骤一
下载安装Node.js,因为要使用到npm,npm是Nodejs的管理器,跟随Nodejs安装。
步骤二
同时按WIN键和R键,打开Run窗口,输入cmd,打开命令提示符窗口
步骤三
在命令提示符窗口输入命令转到你所在项目的路径
步骤四
在项目路径下的命令提示符窗口中输入
npm install --save @type/package
备注:package指你所需要的TypeScript文件所在的文件包,你在哪个路径下执行该命令下载的文件包就会出现在哪个路径下。
例子,我需要openlayers的TypeScript文件
npm install --save @type/openlayers
下载完成后,你可以看到@types文件夹,在它下面就是你要的文件夹,而最里面的*.d.ts文件就是我们所要的TypeScript文件
那么如何知道你所要的TypeScript文件别人是否编写好,并且上传到npm库中,你可以登陆网址:https://microsoft.github.io/TypeSearch/
步骤五
一、利用jsconfig.js文件引用TypeScript文件
在JavaScript项目中创建jsconfig.json文件,然后配置以下内容
{ "typeAcquisition": { "include": [ "package" ] }}
备注:package同上
对于更多的jsconfig.json文件(此文件只支持JavaScript文件)配置请登录VsCode网址
二、直接引用TypeScript文件
在JavaScript文件中最顶层输入代码
/// <reference path="TypeScript文件的路径"
例子
/// <reference path="@types/openlayers/index.d.ts"
- Vscode中Javascript使用TypeScript文件实现智能提示
- Visual Studio Code 使用 Typings 实现typescript的智能提示功能
- VSCode通过d.ts文件获得智能提示
- js文件中使用智能提示
- 使用typings给vscode添加更多的智能提示
- 一行javascript实现智能提示
- vscode代码编辑器智能提示另一文件成员函数及属性
- 如何在vscode 中配置:TypeScript开发node环境
- 使用VsCode + Node.js搭建TypeScript开发环境
- vscode开发Typescript笔记
- 用VsCode编辑TypeScript
- vscode中使用markdown
- 在vscode中使用JSCS Liting插件:支持.jsx文件
- VS2008中实现jQuery智能提示
- VS2013中实现angular代码智能提示
- vs2008 javascript 智能提示
- vs2008中使用JQuery智能提示
- vs 2008中使用jQuery智能提示
- selenium--case检查点,搜索结果中查询到商品的数量
- java项目视频22套
- SPOJ694&SPOJ705(后缀数组)
- 正则表达式与Cookie
- IDEA中xml文件引入schema约束报错:uri is not registered
- Vscode中Javascript使用TypeScript文件实现智能提示
- 用python的matplotlib绘图后保存图形
- 前端属性选择器的权重分析
- Redis4.0.0 安装及配置 (Linux — Centos7)
- C++中有符号类型与无符号类型对比
- 机器学习模型评估与选择
- Nginx配置隐藏index.php和PATH_INFO支持
- 使用shell脚本获取cpu平均使用率
- git pull和git clone的区别