TGViewer
CodeTrail🚀 CodeTrail🚀 @codetrailweb · 60 subscribers
Post #45 130
💡 Frontend Insight

⭕️ مفهوم Node.js ، npm ، vite


📌مفهوم Node.js

محیطی برای اجرای JavaScript خارج از مرورگره
ابزارهایی مثل "npm" برای اجرا شدن به Node.js نیاز دارن

📌مفهوم npm
مدیر پکیج‌های JavaScript محسوب میشه
با npm می‌تونیم کتابخانه‌ها و ابزارهای موردنیاز پروژه رو نصب و مدیریت کنیم
مثلاً با اجرای دستور زیر:
npm install react
پکیج React به پروژه اضافه می‌شه

📌مفهوم Vite
ابزاری برای ساخت، اجرا و Build پروژه‌های Frontend محسوب میشه

این ابزار در زمان توسعه، پروژه رو سریع اجرا می‌کنه و تغییرات کد رو خیلی سریع داخل مرورگر نمایش میده

📌تفاوت این سه مورد
به طور خلاصه:

🔸 محیط اجرا: "Node.js" → اجرای JavaScript خارج از مرورگر

🔸 مدیریت پکیج: "npm" → نصب و مدیریت کتابخانه‌ها و ابزارها

🔸 ابزار توسعه: "Vite" → اجرای محیط توسعه و آماده‌سازی پروژه برای انتشار

📌 یک مثال ساده

وقتی دستور زیر رو اجرا می‌کنیم:

npm create vite@latest

در واقع با استفاده از npm، ابزار Vite رو اجرا می‌کنیم تا ساختار اولیه پروژه رو ایجاد کنه

یعنی این سه مورد جایگزین هم نیستن
هرکدوم وظیفه متفاوتی در اکوسیستم Frontend دارن
  • ❤ 2
  • 👏 1
More from @codetrailweb
  1. Oct 5, 2026📅 چند متد کاربردی Date در JavaScript کار با تاریخ توی JavaScript اولش یه کم گیج‌کننده به…
  2. Sep 29, 2026📚 یک منبع مفید برای یادگیری JavaScript اگر در حال یادگیری یا کار با JavaScript هستید، Jav…
  3. Sep 19, 2026⚡ چند ترفند کاربردی Emmet در VS Code اگر با HTML و CSS کار می‌کنی، ابزار Emmet می‌تونه کلی…
  4. Sep 18, 2026📍 یه قابلیت جالب JavaScript می‌دونستی به‌جای اینکه آرایه‌ای از Objectها رو با ()console.l…
  5. Sep 15, 2026💡JavaScript چرا وقتی این کد رو اجرا می‌کنیم، ترتیب اعداد درست درنمیاد؟ 🤔 const numbers =…
  6. Sep 9, 2026💡 جواب چالش JavaScript 👆 ⬅️ جواب false هست چون در JavaScript، Objectها و Arrayها با Refe…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →