Course Progress 9%

Angular Get Started

← Angular Architecture Overview Angular CLI →

Angular के साथ काम शुरू करने के लिए सबसे पहले हमें सही development environment setup करना होता है। Angular modern tooling पर based है, इसलिए Node.js, package manager और Angular CLI का use किया जाता है।

इस chapter में आप सीखेंगे:

  • Angular के लिए system requirements
  • Node.js और npm क्या हैं
  • Angular CLI क्या है और क्यों जरूरी है
  • Angular project कैसे create और run करें

Angular के लिए System Requirements

Angular development के लिए आपके system में ये चीज़ें होनी चाहिए:

  • Node.js (LTS version recommended)
  • npm या yarn package manager
  • Modern web browser (Chrome recommended)
  • Code editor (VS Code recommended)

Angular CLI Node.js पर run करता है, इसलिए Node.js install होना जरूरी है।

Node.js और npm क्या हैं

Node.js एक JavaScript runtime है जो browser के बाहर JavaScript run करने देता है।
npm (Node Package Manager) packages और dependencies manage करने के लिए use होता है।

Angular CLI npm के जरिए install होता है।

Angular CLI क्या है

Angular CLI (Command Line Interface) Angular application बनाने और manage करने का official tool है।

Angular CLI से आप:

  • Project create कर सकते हैं
  • Development server run कर सकते हैं
  • Components, services generate कर सकते हैं
  • Build और test कर सकते हैं

Angular CLI Install करना

Angular CLI globally install करने के लिए command:

npm install -g @angular/cli

Explanation

  • -g flag global installation के लिए है
  • @angular/cli official Angular CLI package है

Installation check करने के लिए:

ng version

New Angular Project Create करना

Angular project create करने के लिए:

ng new my-app

Explanation

  • ng new नया Angular project create करता है
  • my-app project का नाम है
  • CLI कुछ configuration questions पूछेगा

Project Folder में जाना

cd my-app

यह folder Angular application का root होता है।

Angular Application Run करना

Development server start करने के लिए:

ng serve

Explanation

  • Local development server start होता है
  • Default URL: http://localhost:4200
  • Code change करते ही app auto-reload होती है

Angular Project Structure (Basic)

Project create होने के बाद कुछ important folders होते हैं:

  • src/ – application source code
  • src/app/ – components, services
  • angular.json – Angular configuration
  • package.json – dependencies list

Structure को detail में आगे chapters में समझेंगे।

First Time Angular App Output

Browser में open करने पर:

  • Angular welcome page दिखेगा
  • यह confirm करता है कि setup successful है

अब आप Angular development के लिए ready हैं।

Common Setup Issues

  • Node.js version outdated होना
  • CLI properly install न होना
  • Port 4200 already in use

इन issues को CLI errors clearly बताता है।

Summary

इस chapter में आपने सीखा:

  • Angular environment setup
  • Node.js और Angular CLI
  • Angular project create और run करना
  • Basic project structure
← Angular Architecture Overview Angular CLI →
  • Home