Angular Academy · पाठ

नया प्रोजेक्ट बनाना

ng new से ऐप बनाएँ और विकल्प देखें।

पाठ 1, कुल 4 में से13 चरण

नया प्रोजेक्ट बनाना, CoddyKit पर Angular Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Angular Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Angular Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

Angular CLI

Angular CLI Angular apps बनाने, build करने, serve करने और testing के लिए आधिकारिक command-line tool है। Commands ng से शुरू होती हैं।

CLI Install करना

इसे npm के साथ globally install कीजिए, ताकि ng command हर जगह उपलब्ध हो।

npm install -g @angular/cli

ng new से Project बनाना

ng new command एक नया Angular workspace और application तैयार करती है।

ng new my-app

ng new क्या करता है

यह एक folder बनाता है, dependencies install करता है, TypeScript सेट करता है, build configuration और test runner तैयार करता है, एक शुरुआती standalone app बनाता है और git repository आरंभ करता है।

Interactive Prompts

Default रूप से ng new कुछ प्रश्न पूछता है, जैसे Angular routing जोड़नी है या नहीं और कौन-सा stylesheet format उपयोग करना है (CSS, SCSS, Sass या Less)।

Routing जोड़ना

आप routing prompt का उत्तर दे सकते हैं या पहले से निर्णय लेने के लिए flag पास कर सकते हैं।

ng new my-app --routing

Style Format चुनना

Style flag के साथ अपनी stylesheet language चुनिए।

ng new my-app --style=scss

Install या Git को छोड़ना

उपयोगी flags में dependency install या git initialization को छोड़ने वाले flags शामिल हैं, जो CI या scripted setups में सुविधाजनक होते हैं।

ng new my-app --skip-install --skip-git

डिफ़ॉल्ट रूप से स्टैंडअलोन

CLI के हाल के संस्करण डिफ़ॉल्ट रूप से स्टैंडअलोन ऐप्लिकेशन का ढाँचा तैयार करते हैं। इसमें main.ts, bootstrapApplication का उपयोग करता है और प्रदाताओं के लिए app.config.ts होता है।

प्रोजेक्ट में जाना

बनाने के बाद, आगे के आदेश चलाने के लिए नई डायरेक्टरी में जाएँ।

cd my-app

सहायता प्राप्त करना

हर आदेश एक सहायता फ़्लैग का समर्थन करता है, जो उसके विकल्पों की सूची दिखाता है।

ng new --help

त्वरित जाँच: ng new

एक प्रोजेक्ट बनाना।

पुनरावलोकन: नया प्रोजेक्ट

Angular CLI (ng), ng new my-app से ऐप बनाता है और वैकल्पिक रूप से रूटिंग तथा स्टाइलशीट का प्रारूप कॉन्फ़िगर करता है। यह निर्भरताएँ इंस्टॉल करता है और एक स्टैंडअलोन शुरुआती ऐप का ढाँचा तैयार करता है। अगला विषय: तैयार की गई संरचना को समझना।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
38
पाठ
144

अक्सर पूछे जाने वाले प्रश्न

क्या “नया प्रोजेक्ट बनाना” पाठ निःशुल्क है?

हाँ — Angular Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “नया प्रोजेक्ट बनाना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Angular Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“नया प्रोजेक्ट बनाना” में मैं क्या सीखूँगा?

ng new से ऐप बनाएँ और विकल्प देखें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Angular Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Angular Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Angular Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।

“नया प्रोजेक्ट बनाना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Angular Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Angular Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. नया प्रोजेक्ट बनाना
  2. प्रोजेक्ट संरचना की व्याख्या
  3. ng generate से कोड बनाना
  4. बिल्ड और सर्व करना
← Angular Academy पर वापस जाएँ