首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏黯羽轻扬

    d.ts

    一.简介 经常看到d.ts,因为一个越来越广泛的应用场景是编辑器智能提示(具体见IntelliSense based on TypeScript Declaration Files): JavaScript IntelliSense can be provided for values declared in a .d.ts file (more info), and types such as interfaces and classes declared in TypeScript are available for use as types in JsDoc comments. d.ts大名叫TypeScript Typically these are defined in .d.ts files. : dts-gen is a tool that generates TypeScript definition files (.d.ts) from any JavaScript object.

    3.3K30发布于 2019-06-12
  • 来自专栏王天的进阶之路

    declare 和 .d.ts

    string); someMethod(): void; } const instance = new MyClass("Hello"); instance.someMethod(); # .d.ts 文件声明全局变量 在 TypeScript 中,.d.ts 文件被用于声明全局变量、函数、类等的类型信息,以补充缺失或不确定的类型定义。 当你在一个模块文件中引入一个类型声明文件(.d.ts 文件),TypeScript 会自动识别并应用其中的类型信息。你可以直接在代码中使用声明文件中声明的类型,无需手动导入。 注意 .d.ts 文件中的类型声明在 TypeScript 项目中会被自动包含,你可以直接在代码中使用这些类型,无需手动导出或导入。 # 无法获取.d.ts 文件的类型? 如无法自动获取.d.ts 文件的类型,建议配置 tsconfig.json 文件,在编译打包时会自动将类型声明文件加入到编译,此时不用每次导出类型。

    1.2K10编辑于 2023-10-18
  • 来自专栏Cocos Creator开发

    ts 文件自动生成 d.ts 文件

    先安装ts: npm install -g typescript 检测安装成功后,tsc 命令把 ts 文件生成 js 文件,如下图: 第二步,dtsmake 通过 js 文件生成 d.ts 。 生成 d.ts 文件:dtsmake -s ./t.js 生成的结果:

    10.4K20发布于 2021-10-18
  • 来自专栏FE32 Code

    一文读懂TS的(.d.ts)文件

    什么是“.d.ts” 文件 基于 TypeScript 开发的时候,很麻烦的一个问题就是类型定义。导致在编译的时候,经常会看到一连串的找不到类型的提示。 d.ts文件用于为 TypeScript 提供有关用 JavaScript 编写的 API 的类型信息。简单讲,就是你可以在 ts 中调用的 js 的声明文件。 这个时候你不能用TS重写主流的库,这个时候我们只需要编写仅包含类型注释的d.ts文件,然后从您的 TS 代码中,可以在仍然使用纯 JS 库的同时,获得静态类型检查的 TS 优势。 *.d.ts和@types关系 @types 是 npm 的一个分支,用来存放 *.d.ts 文件,如果对应的 npm 包存放在 @types 中,要使用必须下载! 如果是自己本*.d.ts 申明文件,则和 @types 没有任何关系!

    6.8K22编辑于 2023-05-03
  • 来自专栏前端侠2.0

    如何用typescript 来写一个jquery 插件的 d.ts

    d.ts文件  ts文件 的关系? 这个非常类似于 C语言里,  h文件 和 c文件的关系,先声明,后编写。 d.ts 文件编写后,你写的 ts 代码才会有智能提示,所以我们写一个插件,必须先规划好它有哪些个方法,参数、属性,将它们写入到d.ts文件 。 declare var $: JQueryStatic; jquery.cookie插件的d.ts文件说明 最简单的小插件,以它的d.ts文件为例,看看这个文件到底应该如何编写?

    3.1K20发布于 2018-09-21
  • 来自专栏Excel催化剂

    通过d.ts文件,让VSCode在写js代码时能够有智能提示代码补全

    其他一些自带d.ts文件库的安装方式 除了上面的库和类型库定义分开的情况,需要安装相应的types库外,有一些库它是将d.ts文件放到自己的项目里的,这时只需要使用npm命令将其库下载下来即可。 额外补充:使用TypeScript智能提示写ECharts的Option 在js上有智能提示,但它的提示度也是有限的,上面所说的@types的方式安装d.ts文件,这个其实是用来给本意是给TypeScript

    12.5K30发布于 2021-08-18
  • 来自专栏FE32 Code

    Property xxx does not exist on type Ax一文读懂TS的(.d.ts)文件iosResponse 的解决办法

    或者遇到 Property 'xxx' does not exist on type 'AxiosResponse<any, any>'.ts(2339) 类型问题我们该如何解决呢?

    4.3K10编辑于 2023-05-03
  • 来自专栏BestSDK

    可能是开发小程序,最好用的两个编辑器

    官方推荐的安装字典文件的方式 typings 需要读取 d.ts 作为提示信息的来源。d.ts 文件不仅可以为 type 提供提示信息,也可以为 Java 编写的方法提供提示信息。 当然啦,绝大部分框架都是使用 d.ts 的方式提供代码提示的。下面就介绍几种常用的 d.ts 文件安装方式。 d.ts 文件单独上传到 npm 中的库npm install typed-we-app --save-dev 这样可以单独下载框架的 d.ts 文件,并交给 npm 管理。 从上面可以看出来,node_modules 和 typings 文件夹都可以添加到.gitignore 里面 只有 d.ts 文件这种情况指的是,不知道从哪里获取到的 d.ts 文件。 例如:从度娘那里随便搜索了一下,同事用 QQ 传来一个 d.ts 文件。这种情况,连 d.ts 的来源都不清楚怎么办呢?

    10.9K95发布于 2018-03-01
  • 来自专栏腾讯IVWEB团队的专栏

    为你的项目添加typescript支持

    typescript的声明文件类似于c语言的头文件,其后缀名为.d.ts。 .d.ts文件的具体语法和typescript中的类型申明完全保持一致,不太熟悉的同学可以参考官方的.d.ts说明文档 在npm中引入 现在我们的Data类已经有了接口声明。 /index.d.ts",属性,取值是我们刚才编写的.d.ts文件的相对路径。 然后上传到npm上,你会发现在vscode中调用方法都能得到很好的代码提示。 要达到这样的效果,在自己的.d.ts文件中为方法添加相应注释即可。

    1.8K20发布于 2020-06-29
  • 来自专栏计算机编程

    批处理dtsmake【仅适合win系统】

    我们写typescript的时候一直想希望用到工具将js转换为d.ts文件,这样可以直接让ts调用其中的js代码。我们日常中用到相当多的js类库,有些类库无法直接使用ts,这样就比较麻烦。 /path/to/def/ecma6 -A -i -a -g 这两个指令可以帮助我们获取到d.ts文件。 重点来了,我们所知,一般一个库里面有将近20~30个js文件,如何一一将他们转变成d.ts文件呢,我们打开cmd 一行一行输入肯定太慢,这里我推荐使用我下面的方法——书写批处理文件来使用: 1、书写bat 空文件.png 发现每个文件都是空文件,.d.ts文件为啥为空呢?原来发现dtsmake官方文档不全,其中有存在bug等问题,于是博主继续重写.bat来完成后续工作。 清理目录.gif 这样我们完成了目录所有的src的.d.ts转换!

    1.5K20发布于 2019-08-27
  • 来自专栏sofu456

    vscode插件开发

    的配置文件需要在项目文件夹下的第一级,否则找不到项目,node_module 为空) 打包发布 npm install -g vsce vsce package vsce publish 导入module缺少d.ts 或者直接建一个空的d.ts文件,文件名和模块相同 npm i dtsmake -g dtsmake -s 模块目录路径+模块文件名 生成d.ts文件 模块 Window WebviewPanel

    1.3K10发布于 2020-05-26
  • 来自专栏加菲的博客

    【TypeScript】在实战中的一些总结

    【One by one系列】一步步学习TypeScript 3.ts声明文件 以前称为类型定义文件,.d.ts。在使用 TypeScript 开发的项目中,常常需要引入公共模块,或者第三方库。 4.ts引入js模块 当 TS 项目中引入了js模块,TS 默认会去同级目录下找同名的声明文件(eg:index.js→index.d.ts),找不到就要报错,也就意味着我们可能ts无法使用 5.编译d.ts 如上所述,d.ts是为了抹平ts与js之间的差距,让ts能够引入js包,但是,如果我们用ts编写的代码,试图打包成npm包,提供给 ts或者js使用,该怎么办? 在tsc命令后跟上-d参数即可在编译成js文件时,顺带输出d.ts文件。这样一个包既可以提供给js使用者,也可以提供给ts使用者。我们一般也会在一些npm包的新版本中看到.js 与 d.ts。 特别是有一些用于d.ts文件的包,他的es引入方式和ts可能是完全不同,切记,切记。

    1.9K10编辑于 2022-06-23
  • 来自专栏szhshp 的第四边境中转站

    Typescript: Getting Started

    Try npm install @types/react-router-dom if it exists or add a new declaration (.d.ts) file containing declare module 'react-router-dom'; TS7016 ---- .d.ts 是一个包含 declaration 的文件. 首先使用普通模式安装 [package]: npm i {package} -s 如果这个库里面有 .d.ts , 不需要任何后续的操作. 如果这个库里面没有 .d.ts , 那么需要提供 @types 2. https://www.npmjs.com/ 先到这里搜索一下看看能不能找到名为 @types/{packageName} 的 包

    81920编辑于 2022-09-21
  • 来自专栏前端Q

    TypeScript 渐进迁移指南

    添加神奇的 d.ts d.ts 是 TypeScript 的类型声明文件,其中声明了代码中用到的对象和函数的各种类型,不包含任何具体的实现。 使用三斜杠指令时,应该在 d.ts 文件中移除 import 和 export 语句,否则无法工作。 babel 配置(可选) 如果项目使用 babel,那么需要在 babelrc 里加上: { "exclude": ["**/*.d.ts"] } 否则 *.d.ts 文件会被编译为 *.d.js 那你就需要通过创建 d.ts 文件增补模块定义,建议创建一个 types 文件夹,加入自己的类型定义。然后就可以享受类型安全检查了。 把所有文件改为 .ts 文件 现在是时候把 d.ts 文件和 js 文件合并了。

    2.3K20发布于 2021-02-05
  • 来自专栏前端框架

    Oxc 最新 Transformer Alpha 功能速览!

    更多精彩文章欢迎关注我的公众号 正文 Oxc Transformer Alpha 内置 React Refresh,以及无需 TypeScript 编译器的独立 .d.ts 文件生成。 TypeScript 独立声明生成 Oxc 提供无需 TypeScript 编译器的 .d.ts 文件生成,性能惊人: 40 倍于 TSC:处理 100 行代码仅需 0.1ms(TSC 为 23.1ms vue-macros:通过 unplugin-isolated-decl,.d.ts 生成时间从 76s 降至 16s。 Airtable:在 Bazel 构建中集成 Oxc 的 .d.ts 生成。

    38210编辑于 2025-09-15
  • 来自专栏达达前端

    uni-app快速上手

    cli创建的项目,内置了d.ts,同其他常规npm库一样,可在vscode、webstorm等支持d.ts的开发工具里正常开发并有语法提示。 使用HBuilderX创建的项目不带d.ts,HBuilderX内置了uni-app语法提示库。 如需把HBuilderX创建的项目在其他编辑器打开并且补充d.ts,可以在项目下先执行 npm init,然后npm i @types/uni-app -D,来补充d.ts

    63820编辑于 2022-04-29
  • 来自专栏黯羽轻扬

    模块解析机制_TypeScript笔记14

    模块化机制让我们能够把代码拆分成多个模块(文件),而编译时需要知道依赖模块的确切类型,那么首先要找到它(建立模块名到模块文件路径的映射) 实际上,在 TypeScript 里,一个模块名可能对应一个.ts/.tsx或.d.ts 基本思路是: 先尝试寻找模块对应的文件(.ts/.tsx) 如果没有找到,并且不是相对模块引入(non-relative),就尝试寻找外部模块声明(ambient module declaration),即d.ts /root/node_modules/moduleB.ts|tsx|d.ts /root/node_modules/moduleB/package.json /root/node_modules/@ types/moduleB.d.ts /root/node_modules/moduleB/index.ts|tsx|d.ts /node_modules/moduleB.ts|tsx|d.ts /node_modules 查找逻辑几乎一致,只是会额外地从node_modules/@types里寻找d.ts声明文件 三.附加模块解析标记 构建时会把.ts编译成.js,并从不同的源位置把依赖拷贝到同一个输出位置。

    2.3K30发布于 2019-06-12
  • 来自专栏腾讯IMWeb前端团队

    TypeScript 声明文件全解析

    声明文件的定义 通俗地来讲,在 TypeScript 中以 .d.ts 为后缀的文件,我们称之为 TypeScript 声明文件。 如果我们的文件本身是用 TS 编写的,在编译的时候让 TS 自动生成声明文件,并在发布的时候将 .d.ts 文件一起发布即可。 使用的第三方 npm 包,但是没有提供声明文件 第三方 npm 包如果有提供声明文件的话,一般会以两种形式存在:一是 @types/xxx,另外是在源代码中提供 .d.ts 声明文件。 : string): string; } 还可以使用三斜线的方式对声明文件进行引用: /// <reference path=”custom.d.ts" /> 最后 如何让 TS 在编译时自动生成 .d.ts 只需要在 tsconfig.json 配置文件中开启即可,TS 编译时就会自动生成 .d.ts 声明文件: {   "compilerOptions": {     "declaration": true

    1.6K10编辑于 2022-06-29
  • 来自专栏前端技术分享

    初次在Vue项目使用TypeScript,需要做什么

    文件 目前主流的库文件都是 JavaScript 编写,TypeScript 身为 JavaScript 的超集,为支持这些库的类型定义,提供了类型定义文件(*.d.ts),开发者编写类型定义文件发布到 TypeScript 在项目编译时会全局自动识别 *.d.ts文件,我们需要做的就是编写 *.d.ts,然后 TypeScript 会将这些编写的类型定义注入到全局提供使用。 这里我定义个global.d.ts文件: //declare 可以创建 *.d.ts 文件中的变量,declare 只能作用域最外层 //变量 declare var num: number; //类型 : any; } 自定义三方库声明 当使用的三方库未带有 *.d.ts 声明文件时,在项目编译时会报这样的错误: Could not find a declaration file for module Try `npm install @types/vuedraggable` if it exists or add a new declaration (.d.ts) file containing `

    7.3K40发布于 2020-08-24
  • 来自专栏分享学习

    无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件

    如果“element-plus”包实际公开了此模块,请尝试添加包含 declare module‘element-plus/dist/locale/zh-cn.mjs'; 的新声明(.d.ts)文件ts (7016) 找了很多方法,又是什么新建d.ts文件,又是其他的解决方法最后还是引用的方法。

    2.3K10编辑于 2023-09-02
领券