چگونه از nodemon با دیباگر VSCode استفاده کنیم؟

فهرست مطالب

مقدمه

به عنوان یک توسعه‌دهنده، می‌دانید که اشکال‌زدایی یک جنبه حیاتی از گردش کار شما است. این به شما کمک می کند تا مشکلات موجود در کد خود را شناسایی و برطرف کنید و در نهایت عملکرد برنامه خود را بهبود ببخشید. با این حال، فرآیند اشکال زدایی می تواند زمان بر و خسته کننده باشد، به خصوص اگر مجبور باشید هر بار که تغییری ایجاد می کنید، برنامه خود را به صورت دستی راه اندازی مجدد کنید. اینجاست که Nodemon و Visual Studio Code Debugger به کمک شما می آیند.

Nodemon ابزاری است که به شما کمک می کند هر زمان که در کد خود تغییراتی ایجاد می کنید، فرآیند راه اندازی مجدد برنامه Node.js خود را خودکار کنید. برنامه شما را برای تغییرات کنترل می کند و هنگامی که هر گونه تغییری را تشخیص داد آن را به طور خودکار راه اندازی مجدد می کند. این باعث صرفه جویی در وقت و تلاش شما می شود، زیرا لازم نیست هر بار که تغییراتی ایجاد می کنید، برنامه خود را به صورت دستی متوقف و شروع کنید.

از طرف دیگر Visual Studio Code Debugger یک محیط توسعه یکپارچه (IDE) است که تجربه اشکال زدایی قدرتمندی را برای برنامه های Node.js فراهم می کند. این به شما امکان می دهد نقاط شکست را تنظیم کنید، از کد خود عبور کنید و متغیرها و اشیاء را در زمان اجرا بررسی کنید.

VSCode یک پیکربندی برای nodemon فراهم می کند (تصویر زیر را ببینید)، اما من در ابتدا نتوانستم از آن استفاده کنم، بنابراین مجبور شدم به مسیر بسته نصب شده در “node_modules” به روز کنم.

این به این دلیل است که بسته “nodemon” در پروژه نصب شده است، نه به صورت سراسری.

پس چگونه آن را انجام دهم؟

مراحل ادغام نودمون در دیباگر VSCode عبارتند از:

1. نصب nodemon به عنوان وابستگی توسعه در مخزن شما:

npm install -D nodemon
# or
npm install --save-dev nodemon

1. VSCode “launch.json” را به صورت زیر پیکربندی کنید و مقدار را به روز کنید runtimeExecutable:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "nodemon",
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "program": "${workspaceFolder}/app.js",
      "request": "launch",
      "restart": true,
      // "runtimeExecutable": "nodemon", /* ORIGINAL VALUE */
      "runtimeExecutable": "${workspaceFolder}/node_modules/nodemon/bin/nodemon.js",
      "type": "node"
    }
  ]
}

و انجام شد!

برای راحتی شما، من این مخزن آزمایشی را ایجاد کردم: andersonbosa/nodemon-vscode-tutorial

آیا می دانید چگونه زبان های دیگر را با VSCode Debugger ادغام کنید؟ لطفا در نظرات به اشتراک بگذارید! از همه نوع مشارکت بسیار استقبال و قدردانی می شود.