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 陷阱 window全局对象
Nov 26 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
Jun 24 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
javascript实现图片跟随鼠标移动效果的方法
May 13 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
Vue-cli@3.0 插件系统简析
Sep 05 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
vue实现商城秒杀倒计时功能
Dec 12 Javascript
vue中的计算属性和侦听属性
Nov 06 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二分法在IP地址查询中的应用
2008/08/12 PHP
php与Mysql的一些简单的操作
2015/02/26 PHP
简单理解PHP的面向对象编程方式
2016/05/17 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
JS使用正则表达式找出最长连续子串长度
2017/10/26 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
微信小程序适配iphoneX的实现方法
2018/09/18 Javascript
vue图片上传本地预览组件使用详解
2019/02/20 Javascript
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
决策树的python实现方法
2014/11/18 Python
利用Psyco提升Python运行速度
2014/12/24 Python
python文件的md5加密方法
2016/04/06 Python
python tools实现视频的每一帧提取并保存
2020/03/20 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
win10下python3.8的PIL库安装过程
2020/06/08 Python
零基础小白多久能学会python
2020/06/22 Python
Python 如何创建一个简单的REST接口
2020/07/30 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
大整数数相乘的问题
2012/07/22 面试题
《从现在开始》教学反思
2014/04/15 职场文书
会计专业求职信
2014/08/10 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
2015年志愿者服务工作总结
2015/04/20 职场文书
全国助残日活动总结
2015/05/11 职场文书
送给火锅店的创意营销方案!
2019/07/08 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js