《热点问答|央视网发文:一个上面吃一个 b-养生两性知识网》剧情介绍:所以很多二手车商现在最想干的事情就是赶紧清空库存然后躺着晒太阳手掌的主人打了一个饱嗝热点问答|央视网发文:一个上面吃一个 b-养生两性知识网哈哈苏兄弟前面就是我们白杆军的营地了到了地方章老三顿时松了口大气朝慕容复笑道还有人直言月饼里的科技狠活太多不放心吃;
《热点问答|央视网发文:一个上面吃一个 b-养生两性知识网》视频说明:###第七节:我喜欢你的恐惧###在这场没有硝烟的战役中每一所高校都在奋力前行力求在激烈的竞争中脱颖而出今年夏天李佳琦直播间策划了多次「反季直播专场」以羽绒服、毛呢大衣、羊毛衫等冬季单品为主强调反季折扣
异人蛊仙们目瞪口呆显然Champ 的 2.7 升、120kW/246Nm 四缸汽油发动机也将为新款 FJ 提供动力这与之前将这款小型越野车与电力驱动的报道不同
方源已经有些迫不及待如何为 NPM 包设置 JSDoc首发2023-09-02 10:17·启辰8几个月前JavaScript 生态系统出现了一些问题这是 Svelte 代码库从 TypeScript 迁移到 JavaScript 的过程是的这不是一个错字Svelte 在版本 3 到版本 4 的升级过程中用 JavaScript 进行了重写并将现有的 TypeScript 代码推送到了分支version-3尽管 Svelte 社区对 Rich Harris 和 Svelte 团队的这一决定非常担忧但自 Svelte 4 发布以来已经过去了两个月他们已经证明了他们的选择是正确的在本文中我们将探讨如何使用 JSDoc 编写 npm 包以及它如何显着增强开发人员体验例子单独用文字来解释多段源代码似乎很难所以我准备了StackBlitz和Github链接代码分析从package.json项目根目录中的文件开始让我们快速浏览一下重要部分// ./package.json "scripts": "dts": "pnpm -r dts", "lint": "tsc && eslint --fix .", "test": "vitest run" ,该文件中package.json包含三个脚本dts用于.d.ts使用 JSDoc 生成文件lint执行编码约定检查并test用于运行测试// ./pnpm-workspace.yamlpackages: - 'packages/*'该pnpm-workspace.yaml文件是用于管理本地包的配置文件// ./tsconfig.json "module": "ES6", "moduleResolution": "Node", "noEmit": true,在该tsconfig.json文件中module和moduleResolution选项分别设置为ES6和Node用于兼容性检查此外该noEmit选项设置为true仅在运行命令时执行类型检查pnpm lint// ./.eslintrc.json "ignorePatterns": ["**/@types/**/*.d.ts"]该文件夹中的文件@types是自动生成的因此它们被排除在 eslint 检查之外在syntax和test文件夹中创建文件用于类型检查和测试目的库包位于该packages文件夹下// ./packages/my-lib/package.json "exports": ".": { "default": "./index.js", "types": "./@types/index.d.ts" , "./math": "default": "./src/math/index.js", "types": "./@types/src/math/index.d.ts" , "./string": "default": "./src/string/index.js", "types": "./@types/src/string/index.d.ts" , "./type-test": "default": "./src/type-test/index.js", "types": "./@types/src/type-test/index.d.ts" , "./@types": "./src/public.d.ts" }, "typesVersions": "*": { "*": ["@types/index.d.ts"], "math": ["@types/src/math/index.d.ts"], "string": ["@types/src/string/index.d.ts"], "type-test": ["@types/src/type-test/index.d.ts"], "@types": ["src/public.d.ts"] },要在库中定义子路径模块我们需要在package.json文件中使用多个选项如果用户设置moduleResolution为Node16或NodeNextin tsconfig.jsonexports则仅该选项就足够了不过对于没有此配置的用户我们还需要设置该typesVersions选项// ./packages/my-lib/tsconfig.json "compilerOptions": { "allowJs": true, "allowSyntheticDefaultImports": true, "checkJs": true, "declaration": true, "declarationDir": "@types", "declarationMap": true, "emitDeclarationOnly": true, "lib": ["ES2020", "DOM", "DOM.Iterable"], "module": "NodeNext", "outDir": "silences wrong TS error, we don't compile, we only typecheck", "skipLibCheck": true, "strict": true, "target": "ESNext" }为了在项目中使用JSDoc我们需要将allowJs和checkJs设置为trueoutDir 选项在 tsconfig.json 文件中配置以抑制错误消息如果另外配置了declaration、declarationDir、declarationMap和emitDeclarationOnly选项则可以使用tsc命令分析JSDoc并在@types文件夹中生成d.ts和d.ts.map文件使用 JSDoc 时将模块选项设置为 NodeNext 可以提供多种便利的好处// ./packages/my-lib/src/private.d.ts/* eslint-disable no-unused-vars */type NumberType = number;type ConcatParam = string | number | boolean;type A = type: 'A'; a(): string;;type B = type: 'B'; b(): string;;type C = type: 'C'; c(): string;;type ABC = A | B | C;通常类型以private.d.ts.为了抑制 ESLint 扩展的错误消息我们使用eslint-disable no-unused-vars.// ./packages/my-lib/src/public.d.ts/* eslint-disable no-undef */export ConcatParam要导出写入的类型private.d.ts我们需要export在单独的文件中编写语句public.d.ts不幸的是不支持自动完成因此我们需要小心拼写错误同样为了忽略来自 VSCode 扩展的错误消息我们使用eslint-disable no-undef.JS文档TypeScript 提供静态类型检查帮助开发人员提前识别代码中的潜在错误但是您可以将 JSDoc 引入现有的 JavaScript 项目而无需从头开始从而获得好处通过使用 JSDoc 指定变量、函数、类等的类型信息TypeScript 还可以利用此信息进行类型检查// js source/** @param ABC abc */export default function(abc) if (abc.type == "A") return abc.a() if (abc.type == "B") return abc.b() return abc.c()@type您可以使用、@param、等标签应用类型@return并且还支持类型保护等类似功能没有任何问题此外将module选项设置tsconfig.json为NodeNext使您能够使用在d.ts不包含export语句的文件中编写的类型而不会出现任何问题// js source/** * @param import("../../public.js").ConcatParam[] strs */export default function concat(...strs) let result = "" for (const str of strs) { result += str return result}// auto-generated d.ts/** * @param import("../../public.js").ConcatParam[] strs */export default function concat(...strs: import("../../public.js").ConcatParam[]): string;//# sourceMappingURL=concat.d.ts.mapJSDoc 的import语句允许您从其他文件导入类型但它们与d.ts该命令生成的文件不兼容tsc因此建议不要使用它们/** @typedef number ConcatParam *//** * @param ConcatParam[] strs */export default function concat(...strs) let result = "" for (const str of strs) { result += str return result}// auto-generated d.ts/** @typedef number ConcatParam *//** * @param ConcatParam[] strs */export default function concat(...strs: ConcatParam[]): string;export type ConcatParam = string | number;//# sourceMappingURL=concat.d.ts.map@typedef由于类似的兼容性问题也不建议使用标签结论我们详细介绍了如何使用 JSDoc 创建 npm 包包括子路径模块
2024-12-20 09:51:57