آموزش انگولار جلسه ۲ — نصب Angular CLI و ساخت پروژه Angular 17

در این جلسه از دوره Angular 17 نحوه نصب Node.js، نصب Angular CLI نسخه 17 و ساخت اولین پروژه Angular را قدم‌به‌قدم یاد می‌گیریم که:

• Node.js مناسب Angular را نصب کنیم
• Angular CLI نسخه 17 را نصب کنیم
• اولین پروژه خود را بسازیم
• ساختار فایل‌های اولیه را بررسی کنیم

1. نصب Node.js نسخه سازگار

باکس نکته
Angular 17 با Node نسخه 18 به بالا سازگار است. بهتر است همیشه آخرین LTS را نصب کنید.

برای دانلود آخرین نسخه LTS:

https://nodejs.org

2. نصب Angular CLI نسخه 17

برای نصب:

npm install -g @angular/cli@17

برای اطمینان از نصب موفق:

ng version

باکس هشدار
اگر نسخه قبلی Angular CLI دارید، قبل از نصب نسخه جدید:

npm uninstall -g @angular/cli

3. ساخت پروژه جدید Angular

ساخت یک پروژه جدید:

ng new my-app

CLI از شما چند سؤال می‌پرسد:

• استفاده از Standalone API → Yes
• استفاده از Server-Side Rendering (SSR) → Optional (پیشنهاد فعال کردن)
• استایل → CSS / SCSS / Tailwind

باکس یادآوری
در نسخه 17 به بعد، پروژه‌ها standalone هستند و دیگر خبری از NgModule نیست.

4. اجرای پروژه

به پوشه پروژه بروید:

cd my-app

اجرای برنامه:

ng serve

سپس مرورگر:

http://localhost:4200

اگر همه چیز درست باشد، صفحه Angular بسته‌بندی شده با Standalone Components را می‌بینید.

5. ساختار فایل‌های اولیه پروژه

ساختار مهم:

src/
  main.ts
  app/
    app.component.ts
    app.component.html
angular.json
package.json
app.config.ts
app.config.server.ts

توضیحات سریع:

• main.ts → نقطه ورود برنامه
• app.component.ts → اولین کامپوننت standalone
• angular.json → تنظیمات پروژه
• app.config.ts → تنظیمات کلی کلاینت (router, hydration)
• app.config.server.ts → تنظیمات SSR

6. نکات مهم نسخه جدید CLI

• پوشه environments حذف شده
• CLI ساده‌تر شده
• پروژه‌ها به صورت پیش‌فرض standalone هستند
• آماده برای Angular 18–21

دسترسی به ویدیوهای کامل دوره

برای مشاهده ویدیوهای کامل هر جلسه، دریافت تمرین‌ها، فایل‌ها و پشتیبانی، می‌توانید دوره کامل را تهیه کنید.