برنامه نویسی

نحوه ایجاد یک پروژه Quick Node.js با TypeScript.

عکس از Blake Connally در Unsplash

اگر یک توسعه دهنده هستید، می دانید که شروع یک پروژه جدید می تواند یک کار دلهره آور باشد. راه اندازی محیط توسعه، نصب بسته های لازم، پیکربندی ابزارهای ساخت و موارد دیگر می تواند زمان و تلاش زیادی را ببرد. خوشبختانه، TypeScript ایجاد یک پروژه Node جدید را بدون دردسر آسان می کند. در این پست، شما را با مراحل ایجاد یک پروژه Node سریع با TypeScript آشنا می کنیم.

در اینجا مراحلی وجود دارد که باید دنبال کنید:

  1. اگر هنوز این کار را نکرده اید، Node.js و npm را نصب کنید.

  2. یک پنجره ترمینال باز کنید و به پوشه ای که می خواهید پروژه خود را در آن ایجاد کنید بروید.

  3. دستور زیر را برای ایجاد یک پوشه جدید برای پروژه خود اجرا کنید:

    mkdir my-project && cd my-project
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. با استفاده از دستور زیر npm را برای پروژه خود مقداردهی کنید:
    npm init -y
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. وابستگی های لازم برای پروژه TypeScript را نصب کنید:
    npm install --save-dev typescript ts-node @types/node
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. یک فایل پیکربندی TypeScript با نام ایجاد کنید tsconfig.json در پوشه ریشه پروژه شما با محتوای زیر:
{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "dist",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. پوشه ای به نام ایجاد کنید src در پوشه اصلی پروژه خود، و یک فایل TypeScript با نام ایجاد کنید index.ts درون آن:
    mkdir src && touch src/index.ts // linux
    mkdir src ;; New-Item -Type File src/index.ts // windows
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. باز کن index.ts در ویرایشگر کد مورد علاقه خود فایل کنید و مقداری کد TypeScript بنویسید، به عنوان مثال:
const message: string = 'Hello, TypeScript!';
console.log(message);
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. در شما package.json فایل، یک اسکریپت جدید برای کامپایل و اجرای کد TypeScript خود اضافه کنید:
{
  "scripts": {
    "start": "ts-node src/index.ts",
    "build": "tsc"
  }
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. در نهایت دستور زیر را برای کامپایل و اجرای کد TypeScript خود اجرا کنید:
npm run start
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این کد TypeScript شما را در جاوا اسکریپت کامپایل کرده و با استفاده از آن اجرا می کند ts-node. شما همچنین می توانید اجرا کنید build اسکریپت برای کامپایل کد شما و تولید فایل های جاوا اسکریپت در dist پوشه:

npm run build
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

با تشکر و روز خوبی در پیش رو داشته باشید!

فراموش نکنید که اگر این پست را مفید دیدید، به آن قلب بدهید. این به دیگران کمک می کند تا پست های مفیدی مانند این را پیدا کنند.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا