跳到主要内容

30-seconds-of-typescript [30秒的标题]

TS Deno ECMAScript GitHub

该存储库是众多实用程序功能的集合，可以轻松地导入和使用任何地方，类似于 Lodash。 所有文件都可以在30-seconds-of-typescript

Note: 该存储库的灵感来自 30-seconds-of-code. 所有 JavaScript 代码已转换为打字稿，因此可以用于现代 HTML | JS，Typescript 和 DenoGithub.

我正在重构代码和修复错误以及转换.

安装 node.js/npm​

npm i @deepakvishwakarma/ts-util

如何使用 [Typescript]​

typescript
import { mask } from "@deepakvishwakarma/ts-util";

console.log(mask(1234567890)); // '******7890'
console.log(mask(1234567890, 3)); // '*******890'
console.log(mask(1234567890, -4, "$")); // '$$$$567890'

如何使用 [JS]​

typescript
const { mask } = require("@deepakvishwakarma/ts-util");

console.log(mask(1234567890)); // '******7890'
console.log(mask(1234567890, 3)); // '*******890'
console.log(mask(1234567890, -4, "$")); // '$$$$567890'

安装 Snippet Extension​

You can find the working plugin on marketplace.visualstudio.com. You can either search for 30-seconds-of-typescript Or Install from here imdeepak.30-seconds-of-typescript

搜索片段- Sample[typescript & typescriptreact]​

30_delay

assets/snippets.gif

该存储库具有一个实用文件，可以将其导入 DeNo 和 Modern Ecmascript。

如何使用 [Deno]​

typescript
import { all } from "https://denopkg.com/deepakshrma/30-seconds-of-typescript/util.ts";
all([{ name: "D" }, { name: "D2" }], hasName); //true

如何使用 使用 Github CDN [Modern HTML|JS]​

<script type="module">
  // Use any Github CDN
  import * as util from "https://cdn.jsdelivr.net/gh/deepakshrma/30-seconds-of-typescript/util.js";
  const el = util.createElement(
    `<div class="container"><p>Hello! This is created using createElement!! </p></div>`
  );
  document.body.appendChild(el);
</script>

贡献​

创建新的实用程序功能​

export here util.ts

如何捆绑: 它将是自动使用的 husky githook

如何使用 Deno​

deno test util.test.ts

命令 | Scripts​

1. Generate Snippets:

npm run code-gen

2. Generate Extension:

npm run extension

3. Install Extension Locally:

code --install-extension *.vsix