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 相关文章推荐
javascript引用对象的方法
Jan 11 Javascript
JS重要知识点小结
Nov 06 Javascript
jquery文字上下滚动的实现方法
Mar 22 Javascript
简单的分页代码js实现
May 17 Javascript
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
VUE2.0中Jsonp的使用方法
May 22 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
原生js检测页面加载完毕的实例
Sep 11 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
May 21 Javascript
微信小程序实现传递多个参数与事件处理
Aug 12 Javascript
JS实现商品橱窗特效
Jan 09 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使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
javascript 数组排序函数
2009/08/20 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
初识javascript 文档碎片
2010/07/13 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
jquery仅用6行代码实现滑动门效果
2015/09/07 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
CSS3 media queries结合jQuery实现响应式导航
2016/09/30 Javascript
jquery滚动条插件(可以自定义)
2016/12/11 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
layer实现弹出层自动调节位置
2019/09/05 Javascript
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
python解析xml模块封装代码
2014/02/07 Python
Python中endswith()函数的基本使用
2015/04/07 Python
Python注释详解
2016/06/01 Python
Python实现压缩和解压缩ZIP文件的方法分析
2017/09/28 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
vue.js实现输入框输入值内容实时响应变化示例
2018/07/07 Python
python小项目之五子棋游戏
2019/12/26 Python
如何实现更换Jupyter Notebook内核Python版本
2020/05/18 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
python爬虫利用selenium实现自动翻页爬取某鱼数据的思路详解
2020/12/22 Python
Canvas 像素处理之改变透明度的实现代码
2019/01/08 HTML / CSS
MAC彩妆澳洲官网:M·A·C AU
2021/01/17 全球购物
银行求职信范文
2014/05/26 职场文书
学生安全责任书范本
2014/07/24 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
一年级数学下册复习计划
2015/01/17 职场文书
总经理司机岗位职责
2015/04/10 职场文书
世界上超棒的8种逻辑思维
2019/08/06 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS