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 相关文章推荐
jQuery新闻滚动插件 jquery.roller.js
Jun 27 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
vue实现微信获取用户信息的方法
Mar 21 Javascript
JavaScript实现省市联动效果
Nov 22 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 Javascript
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
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
德劲1107的电路分析与打磨
2021/03/02 无线电
浅谈php提交form表单
2015/07/01 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
ext 代码生成器
2009/08/07 Javascript
jquery怎样实现ajax联动框(一)
2013/03/08 Javascript
Jquery实现的角色左右选择特效
2014/05/21 Javascript
jQuery分组选择器用法实例
2014/12/23 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
node.js通过url读取文件
2020/10/16 Javascript
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
总结Python编程中三条常用的技巧
2015/05/11 Python
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
Python实现获取命令行输出结果的方法
2017/06/10 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
Python中Qslider控件实操详解
2021/02/20 Python
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
2013/07/19 HTML / CSS
荷兰的时尚市场:To Be Dressed
2019/05/06 全球购物
俄罗斯鲜花递送:AMF
2020/04/24 全球购物
人事行政主管岗位职责
2013/12/22 职场文书
会计专业求职信范文
2014/03/16 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
暑期培训心得体会
2014/09/02 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
2015年班组长工作总结
2015/04/10 职场文书
2016春节放假通知范文
2015/08/18 职场文书
2016年清明节红领巾广播稿
2015/12/17 职场文书
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android