पुढील लेखात आम्ही Angular CLI वर नजर टाकणार आहोत. जर तुम्हाला अजूनही माहिती नसेल अँगुलर एक मुक्त स्त्रोत फ्रंट-एंड अनुप्रयोग विकास फ्रेमवर्क आहे, लोकप्रिय आणि अत्यंत विस्तारनीय. हे टाइपस्क्रिप्ट, जावास्क्रिप्ट आणि इतर सामान्य भाषा वापरून मोबाइल आणि वेब अनुप्रयोग तयार करण्यासाठी वापरले जाऊ शकते. अँगुलर ही एंगुलरच्या सर्व आवृत्त्यांसाठी ब्लँकेट टर्म आहे जी अँगुलरजेएस नंतर येते.
हे विकास फ्रेमवर्क लहान पासून मोठ्या प्रमाणात, स्क्रॅचपासून अनुप्रयोग तयार करण्यासाठी योग्य आहे. अँगुलर प्लॅटफॉर्मचे मुख्य घटकांपैकी एक अ‍ॅप्लिकेशन डेव्हलपमेन्टला मदत करणे ही अँगुलर सीएलआय उपयुक्तता आहे. कमांड लाइन टूल हे एक सोपे आणि वापरण्यास सुलभ आहे. हे Angular सह तयार केलेले अनुप्रयोग तयार करण्यासाठी, व्यवस्थापित करण्यासाठी, तयार करण्यासाठी आणि चाचणी करण्यासाठी वापरले जाते.
पुढील ओळींमध्ये आपण कसे ते पाहू उबंटू १ .19.04 .०XNUMX सिस्टमवर एंगल्युलर कमांड लाइन टूल स्थापित करा. आम्ही या साधनाचे मूळ उदाहरण देखील पाहू.
उबंटूवर नोड.जे स्थापित करीत आहे
अँगुलर सीएलआय स्थापित करण्यासाठी आमच्या सिस्टमवर आमच्याकडे नोड.जेज आणि एनपीएम ची वर्तमान आवृत्ती स्थापित करणे आवश्यक असेल. हे करण्यासाठी, आम्हाला फक्त टर्मिनल (Ctrl + Alt + T) उघडावे लागेल आणि त्यामध्ये लिहावे लागेल:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
नेटिव्ह एनपीएम प्लगइन संकलित व स्थापित करण्यासाठी, आम्हाला आमच्या सिस्टमवर विकसक साधने स्थापित करण्याची आवश्यकता असू शकते. असे करण्यासाठी, त्याच टर्मिनलमध्ये आपण खालीलप्रमाणे करू:
sudo apt install -y build-essential
उबंटू 19.04 वर कोणीय सीएलआय स्थापना
आम्ही आत्ताच पाहिल्याप्रमाणे नोड.जेज आणि एनपीएमच्या स्थापनेनंतर आम्ही सक्षम होऊ एनपीआर पॅकेज मॅनेजर वापरुन अँगुलर सीएलआय स्थापित करा पुढीलप्रमाणे. या प्रकरणात, पर्याय -g याचा अर्थ असा आहे की आम्ही सर्व सिस्टमद्वारे हे साधन स्थापित करणार आहोत, जे त्यातील सर्व वापरकर्त्यांद्वारे वापरले जाईल.
sudo npm install -g @angular/cli
स्थापनेनंतर, आम्ही करू शकतो एक्जीक्यूटेबल चा वापर करून अँगुलर सीएलआय सुरू करा जी आता आमच्या सिस्टमवर स्थापित केली जावी. टर्मिनलमध्ये (Ctrl + Alt + T) खालील कमांड कार्यान्वित करा.
ng --version
अँगुलर सीएलआय वापरून एक प्रकल्प तयार करत आहे
आता आपण नवीन बेसिक अँगुलर प्रोजेक्ट कसा तयार करू, तयार करू आणि कसा देऊ शकतो ते पाहू. पहिला, आपण वेबरुट निर्देशिकेत जाऊ आमच्या सर्व्हरकडून. नंतर आम्ही एक नवीन अँगुलर createप्लिकेशन तयार करणार आहोत.
cd /var/www/html/ sudo ng new ubunlog-app
आम्हाला अँगुलर कार्यसंघात अज्ञात डेटा सामायिक करायचा असल्यास आम्हाला निर्णय घ्यावा लागेल. आम्ही आत्ताच तयार केलेल्या अ‍ॅप्लिकेशनच्या निर्देशिकेत जाणे सुरू ठेवतो. आम्ही जात आहोत अॅप सर्व्ह करणे प्रारंभ करा हे खाली दर्शविल्याप्रमाणे:
cd ubunlog-app ng serve
मागील कमांड आपल्याला स्क्रीनवर ठेवेल एक दुवा जो आम्हाला आमचा अनुप्रयोग कार्यान्वित कसा होतो हे सांगेल.
आम्ही वेब ब्राउझरवरुन प्रवेश करण्यापूर्वी, फायरवॉल सेवा चालू असल्यास, आम्ही 4200२०० पोर्ट उघडले पाहिजे खालील प्रमाणे या च्या कॉन्फिगरेशन मध्ये:
sudo ufw allow 4200/tcp sudo ufw reload
यानंतर, आम्ही आमचे आवडते वेब ब्राउझर उघडू आणि टर्मिनलद्वारे प्रदान केलेली URL वापरून नॅव्हिगेट करू नवीन अनुप्रयोग चालवा पहा, खालील स्क्रीनशॉटमध्ये दर्शविल्याप्रमाणे.
http://localhost:4200/
आमच्या अनुप्रयोगात प्रवेश करण्यासाठी आम्ही ही अन्य URL देखील वापरू शकतो:
http://IP_SERVIDOR:4200
हे नमूद केले पाहिजे की जर आपण कमांड वापरली तरएनजी सर्व्ह”अनुप्रयोग तयार करण्यासाठी आणि आम्ही नुकत्याच पाहिल्याप्रमाणे त्यास स्थानिक पातळीवर सेवा देण्यासाठी, सर्व्हर स्वयंचलितपणे अनुप्रयोग पुनर्बांधित करतो आणि जेव्हा आम्ही कोणतीही स्रोत फायली बदलतो तेव्हा वेब पृष्ठे रीलोड करतो.
आम्हाला मिळवायचे असल्यास एनजी टूल बद्दल अधिक माहितीटर्मिनलवर (Ctrl + Alt + T) पुढील कमांड कार्यान्वित करू.
ng help
या लेखात, आम्ही कसे करावे हे पाहिले आहे उबंटू सिस्टमवर एंगल्युलर सीएलआयची साधी स्थापना, डेव्हलपमेंट सर्व्हरवर मूलभूत अनुप्रयोग तयार करणे, संकलित करणे आणि सेवा देण्याव्यतिरिक्त.
ही केवळ सर्वात मूलभूत पहिली पायरी आहेत जी एंग्युलर सीएलआय बरोबर घेतली जाऊ शकतात. च्या साठी अँगुलर सीएलआय बद्दल अधिक माहिती पहा, आम्ही सल्ला घेऊ शकता प्रकल्पाची अधिकृत वेबसाइट.