Приветоооооо!  Надеюсь, у тебя все отлично! Это СМИ! 👋 Давайте сразу приступим 🚀  Содержание:  ⚡  Some Background of SDK Development  ⚡  Developing and running our first version  1️⃣ Что -  SDK (иногда также называемый библиотекой) служит подключаемым модулем приложений для получения дополнительных функций от технологии.  2️⃣ Почему -  Разработка SDK с использованием TypeScript обеспечивает надежность в течение длительного времени благодаря безопасности типов и поддержке в долгосрочной перспективе.  3️⃣ Как -  Основные шаги, необходимые для создания SDK, следующие:  Инициализация проекта с правильными настройками рабочего процесса.  Выбор Бандлера и понимание его цели.  Понимание ESM, CJS, IIFE UMD для запуска SDK в различных средах.  Публикация в виде библиотеки на NPM, семантическом управлении версиями и лицензии.  NPM для SPA и CDN для браузеров.  В части 1 мы собираемся создать наш первый базовый SDK, чтобы получить базовое понимание.  Шаг 1. Инициализация проекта  Выполните следующую команду, чтобы разместить проект в новой папке:   npm init -y    по умолчанию означает «да» для всех последующих запросов. Вы можете изменить его позже в Package.json, например автора, лицензию, версию и т. д. "-y"  Перейдите в   и добавьте   для работы с последней системой модулей EcmaScript (ESM). package.json type: module  Ваш   должен выглядеть следующим образом: package.json  { "name": "ts-lib", "version": "1.0.0", "description": "SDK development tutorial", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "type": "module", "keywords": [], "author": "", "license": "ISC" }  Шаг 2. Установите фундаментальные библиотеки разработки  Машинопись    — для работы TypeScript с NodeJS. @types/node    — Самый простой и быстрый способ объединить библиотеки TypeScript. tsup  КОПИРОВАТЬ   npm i typescript @types/node tsup -D  Шаг 3. Настройте   для настроек TypeScript. tsconfig  Создайте файл   в корне проекта. tsconfig.json  КОПИРОВАТЬ   touch tsconfig.json  Перейдите к файлу и вставьте следующую конфигурацию:   { "compilerOptions": { /* Base Options: */ "esModuleInterop": true, "allowImportingTsExtensions": true, "emitDeclarationOnly": true, "skipLibCheck": true, "target": "es2022", "allowJs": true, "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, "verbatimModuleSyntax": true, /* Strictness */ "strict": true, "noUncheckedIndexedAccess": true, "noImplicitOverride": true, /* If transpiling with TypeScript: */ "module": "NodeNext", "sourceMap": true, "outDir": "dist", /* AND if you're building for a library: */ "declaration": true, /* If your code runs in the DOM: */ "lib": ["es2022", "dom", "dom.iterable"] }, "exclude": ["node_modules", "dist"] }  Вы можете навести курсор на каждое свойство, чтобы узнать о нем более подробно.  Здесь главное понять следующее:  "module": "NodeNext", "sourceMap": true, "outDir": "dist",  «   — правильный вариант для создания библиотек, поскольку он не позволяет вам создавать ESM со спецификаторами модулей, которые работают   в сборщиках, но приводят к сбою в Node.js. При написании обычного кода, используя здравый смысл и полагаясь на высококачественные зависимости, его выходные данные обычно хорошо совместимы с упаковщиками и другими средами выполнения». Вы можете узнать больше об этом здесь: NodeNext только   https://blog.andrewbran.ch/is-nodenext-right-for-libraries-that-dont-target-node-js/    — включает создание исходных файлов. Эти файлы позволяют отладчикам и другим инструментам отображать исходный исходный код TypeScript при работе с созданными файлами JavaScript. Вы можете отключить его для производства. sourceMap    — укажите выходную папку для всех отправляемых файлов. outDir  /* AND if you're building for a library: */ "declaration": true, /* If your code runs in the DOM: */ "lib": ["es2022", "dom", "dom.iterable"]    — создавайте файлы .d.ts из файлов TypeScript и JavaScript в вашем проекте. declaration    — укажите набор файлов объявлений встроенной библиотеки, описывающих целевую среду выполнения.   предназначен для узловых приложений, таких как React, а   и   для запуска библиотеки в браузере. lib es2022 dom dom.iterable  Шаг 4. Напишите наш первый код  Создайте файл   и напишите следующий базовый код: index.ts   const add = (a: number, b: number): number => a + b; const subtract = (a: number, b: number): number => a - b; export { add, subtract };  Создайте наш первый код:  КОПИРОВАТЬ   tsup ./index.ts  Теперь вы можете видеть, что у нас есть папка   с выходным файлом  dist index.cjs  Давайте интегрируем и запустим наш первый SDK!  Создайте файл   и вставьте следующий код: app.js   import { add, subtract } from "./dist/index.cjs"; console.log(add(1, 2)); console.log(subtract(2, 1));  Поскольку мы не опубликовали наш SDK, мы напрямую связываемся с локальной сборкой.  Теперь запустите наше первое приложение   node app.js  Вы должны увидеть следующий вывод:   3 1  Поздравляем 🎉🥳 🚀🚀🚀 Мы только что создали и запустили наш первый SDK!  Подведение итогов:  Мы только что завершили основные шаги по созданию и запуску нашего первого SDK. Перейдите к части 2, где мы построим базовую структуру папок и интегрируем конечную точку внешнего API 🚀  .....  Теперь у вас есть знания для создания собственного SDK. Приятного кодирования! 🚀  Вот и все, ребята! Надеюсь, это было для вас хорошее чтение. Спасибо! ✨  👉 Следуй за мной   GitHub   LinkedIn

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

This story contains new, firsthand information uncovered by the writer.

Read My Stories

View my Portfolio

Full Stack Engineer

Этот звук создан на языке оригинала истории!

Разработка TypeScript SDK: 5-летний ребенок может выполнить это шаг за шагом ~ Часть 1: Наш первый MVP

About Author

КОММЕНТАРИИ

БИРКИ

ЭТА СТАТЬЯ БЫЛА ПРЕДСТАВЛЕНА В

Related Stories

Утечка информации о системе Claude Sonnet 3.5: судебно-медицинский анализ

Полное руководство по успешной миграции в облако: стратегии и лучшие практики

Valhalla Флоки станет ассоциированным спонсором индийского тура по Шри-Ланке

Как улучшить ваш рабочий процесс в 10 раз: 17 основных приложений

Утечка информации о системе Claude Sonnet 3.5: судебно-медицинский анализ

Полное руководство по успешной миграции в облако: стратегии и лучшие практики

Valhalla Флоки станет ассоциированным спонсором индийского тура по Шри-Ланке

Как улучшить ваш рабочий процесс в 10 раз: 17 основных приложений

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps