VSCode中如何利用d.ts文件进行js智能提示


Posted in Javascript onApril 13, 2018

自动补全(智能提示)

因为之前微软推出了typescript语言,结合tsd文件,用visual studio写typescript代码是相当爽的,智能提示的功能非常nb。

这个功能理所应当也被vsc继承了。

vsc的自动补全用的是typings。

先上效果图:

VSCode中如何利用d.ts文件进行js智能提示

安装 nodejs

因为需要使用到node里面的npm去安装别人写好的d.ts文件,所以要先安装nodejs。具体步骤不说了,去nodejs官网上下载相应的程序,点击下一步下一步安装就行了。

添加项目的配置文件

在项目的根目录,创建一个 jsconfig.json 文件,内容如下:

{
 // See https://go.microsoft.com/fwlink/?LinkId=759670
 // for the documentation about the jsconfig.json format
 "compilerOptions": {
 "target": "es5",
 "module": "commonjs",
 "allowSyntheticDefaultImports": true
 },
 "exclude": [
 "node_modules",
 "bower_components",
 "jspm_packages",
 "tmp",
 "temp"
 ]
}

这个配置文件的作用就是告诉VSCode编辑器,你这个项目是一个js项目。

安装别人写好的相关的d.ts文件

比如说我要提示jquery,那么使用这个命令:

npm install @types/jquery -save

需要说明的是,npm软件库被墙了,所以你要翻墙,或者用下面这个命令去安装。

$ npm install @types/jquery -save --registry=https://registry.npm.taobao.org

后面多出来的一长串东西,表示是通过淘宝搭建的服务器去安装。

然后你就发现你项目里面多了个node_modules/@types/jquery文件夹。

这时候就能实现效果图里面那样的效果了。

使用自己写的d.ts文件

如果是我们自己写的d.ts文件,那么把该d.ts放到项目的根目录或者任意目录下就可以了。

VSCode中如何利用d.ts文件进行js智能提示

关于如何写d.ts文件看这里:https://3water.com/article/138217.htm

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
js实现网页抽奖实例
Aug 05 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
深入理解bootstrap框架之第二章整体架构
Oct 09 Javascript
js监听input输入框值的实时变化实例
Jan 26 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
从源码里了解vue中的nextTick的使用
Nov 22 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
Vue双向绑定实现原理与方法详解
May 07 Javascript
Vue2.0 实现单选互斥的方法
Apr 13 #Javascript
Vue render深入开发讲解
Apr 13 #Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 #Javascript
vue组件的写法汇总
Apr 12 #Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 #jQuery
基于vue-simplemde实现图片拖拽、粘贴功能
Apr 12 #Javascript
基于angular6.0实现的一个组件懒加载功能示例
Apr 12 #Javascript
You might like
如何使用PHP获取网络上文件
2006/10/09 PHP
PHP 动态随机生成验证码类代码
2010/04/09 PHP
PHP统计二维数组元素个数的方法
2013/11/12 PHP
php筛选不存在的图片资源
2015/04/28 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
PHP定时执行任务的3种方法详解
2015/12/21 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
20个实用的JavaScript技巧分享
2014/11/28 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
2016/08/03 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
JavaScript事件处理程序详解
2017/09/19 Javascript
详解基于Node.js的HTTP/2 Server实践
2018/05/31 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
javascript实现随机抽奖功能
2020/12/30 Javascript
用Python编写简单的定时器的方法
2015/05/02 Python
python检测是文件还是目录的方法
2015/07/03 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
如何使用Python实现自动化水军评论
2019/06/26 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
Django实现将一个字典传到前端显示出来
2020/04/03 Python
Django实现内容缓存实例方法
2020/06/30 Python
HTML5的语法变化介绍
2013/08/13 HTML / CSS
自我鉴定范文200字
2013/10/02 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
社会实践活动总结范文
2014/07/03 职场文书
出国签证在职证明
2014/09/20 职场文书
离婚案件答辩状
2015/05/22 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis
golang生成并解析JSON
2022/04/14 Golang