కోణీయ CLI పరిచయం

ఈ పోస్ట్‌లో, మేము కోణీయ CLI గురించి నేర్చుకుంటాము మరియు క్రొత్త కోణీయ ప్రాజెక్టును ప్రారంభించడానికి దాన్ని ఎలా ఉపయోగించాలో చూస్తాము.

కోణీయ CLI అంటే ఏమిటి?

కోణీయ CLI అనేది కోణీయ ప్రాజెక్టులను ప్రారంభించడానికి మరియు పనిచేయడానికి అధికారిక సాధనం. ఇది సంక్లిష్ట కాన్ఫిగరేషన్ల ఇబ్బంది నుండి మిమ్మల్ని రక్షిస్తుంది మరియు టైప్‌స్క్రిప్ట్, వెబ్‌ప్యాక్ వంటి సాధనాలను రూపొందించండి.

కోణీయ CLI ని ఇన్‌స్టాల్ చేసిన తర్వాత, మీరు ఒక ప్రాజెక్ట్‌ను రూపొందించడానికి ఒక ఆదేశాన్ని మరియు మీ అనువర్తనంతో ఆడటానికి స్థానిక అభివృద్ధి సర్వర్‌ను ఉపయోగించి మరొకదాన్ని అమలు చేయాలి.

ఈ రోజుల్లో చాలా ఆధునిక ఫ్రంటెండ్ సాధనాల మాదిరిగానే, కోణీయ CLI ను Node.js పైన నిర్మించారు.

Node.js అనేది సర్వర్ టెక్నాలజీ, ఇది సర్వర్‌లో జావాస్క్రిప్ట్‌ను అమలు చేయడానికి మరియు సర్వర్-సైడ్ వెబ్ అనువర్తనాలను రూపొందించడానికి మిమ్మల్ని అనుమతిస్తుంది. అయితే, కోణీయ అనేది ఫ్రంట్ ఎండ్ టెక్నాలజీ, కాబట్టి మీరు మీ డెవలప్‌మెంట్ మెషీన్‌లో Node.js ని ఇన్‌స్టాల్ చేయాల్సిన అవసరం ఉన్నప్పటికీ, ఇది CLI ను అమలు చేయడానికి మాత్రమే.

ఉత్పత్తి కోసం మీరు మీ అనువర్తనాన్ని నిర్మించిన తర్వాత మీకు Node.js అవసరం లేదు, ఎందుకంటే తుది కట్టలు కేవలం స్టాటిక్ HTML, CSS మరియు జావాస్క్రిప్ట్, ఇవి ఏదైనా సర్వర్ లేదా CDN ద్వారా అందించబడతాయి.

ఇలా చెప్పాలంటే, మీరు కోణీయంతో పూర్తి-స్టాక్ వెబ్ అప్లికేషన్‌ను నిర్మిస్తుంటే, మీరు ఫ్రంట్ ఎండ్ మరియు బ్యాక్ ఎండ్ కోసం జావాస్క్రిప్ట్‌ను ఉపయోగించాలనుకుంటే బ్యాక్ ఎండ్ భాగాన్ని సృష్టించడానికి మీకు Node.js అవసరం కావచ్చు.

MEAN స్టాక్‌ను చూడండి - ఇది మొంగోడిబి, ఎక్స్‌ప్రెస్ (వెబ్ సర్వర్ మరియు నోడ్.జెస్ పైన నిర్మించిన REST API ఫ్రేమ్‌వర్క్) మరియు కోణీయతను కలిగి ఉన్న ఒక నిర్మాణం. మీరు ప్రారంభించడానికి దశల వారీ ట్యుటోరియల్ కావాలనుకుంటే మీరు ఈ కథనాన్ని చదువుకోవచ్చు.

ఈ సందర్భంలో, మీ అనువర్తనం యొక్క బ్యాక్ ఎండ్ భాగాన్ని నిర్మించడానికి Node.js ఉపయోగించబడుతుంది మరియు మీకు కావలసిన PHP, రూబీ లేదా పైథాన్ వంటి సర్వర్-సైడ్ టెక్నాలజీతో భర్తీ చేయవచ్చు. కానీ కోణీయ దాని CLI సాధనం మరియు npm నుండి ప్యాకేజీలను వ్యవస్థాపించడం మినహా Node.js పై ఆధారపడదు.

NPM అంటే నోడ్ ప్యాకేజీ మేనేజర్. ఇది నోడ్ ప్యాకేజీలను హోస్ట్ చేయడానికి రిజిస్ట్రీ. ఇటీవలి సంవత్సరాలలో ఇది ఫ్రంట్ ఎండ్ ప్యాకేజీలు మరియు కోణీయ, రియాక్ట్, Vue.js మరియు బూట్స్ట్రాప్ వంటి లైబ్రరీలను ప్రచురించడానికి కూడా ఉపయోగించబడింది.

గమనిక: మీరు మా కోణీయ పుస్తకాన్ని డౌన్‌లోడ్ చేసుకోవచ్చు: మీ మొదటి వెబ్ అనువర్తనాలను కోణీయంతో ఉచితంగా నిర్మించండి.

కోణీయ CLI ని ఇన్‌స్టాల్ చేస్తోంది

మొదట, మీరు మీ అభివృద్ధి యంత్రంలో నోడ్ మరియు ఎన్పిఎమ్ వ్యవస్థాపించాలి. దీన్ని చేయడానికి అనేక మార్గాలు ఉన్నాయి, అవి:

  • మీ సిస్టమ్‌లో నోడ్ యొక్క బహుళ వెర్షన్‌లను ఇన్‌స్టాల్ చేయడం మరియు పనిచేయడం కోసం NVM (నోడ్ వెర్షన్ మేనేజర్) ను ఉపయోగించడం
  • మీ ఆపరేటింగ్ సిస్టమ్ యొక్క అధికారిక ప్యాకేజీ నిర్వాహికిని ఉపయోగించి
  • అధికారిక వెబ్‌సైట్ నుండి దీన్ని ఇన్‌స్టాల్ చేస్తోంది.

దీన్ని సరళంగా ఉంచండి మరియు అధికారిక వెబ్‌సైట్‌ను ఉపయోగిద్దాం. డౌన్‌లోడ్ పేజీని సందర్శించండి మరియు విండోస్ కోసం బైనరీలను పట్టుకోండి, ఆపై సెటప్ విజార్డ్‌ను అనుసరించండి.

కమాండ్ ప్రాంప్ట్‌లో కింది ఆదేశాన్ని అమలు చేయడం ద్వారా మీ సిస్టమ్‌లో నోడ్ ఇన్‌స్టాల్ చేయబడిందని మీరు నిర్ధారించుకోవచ్చు, ఇది నోడ్ యొక్క ఇన్‌స్టాల్ చేసిన సంస్కరణను ప్రదర్శిస్తుంది:

ode నోడ్ -వి

తరువాత, కోణీయ CLI ని వ్యవస్థాపించడానికి కింది ఆదేశాన్ని అమలు చేయండి:

install npm ఇన్‌స్టాల్ చేయండి @ కోణీయ / క్లై

ఈ రచన సమయంలో, కోణీయ 8.3 వ్యవస్థాపించబడుతుంది.

మీరు కోణీయ 9 ని ఇన్‌స్టాల్ చేయాలనుకుంటే, తదుపరి ట్యాగ్‌ను ఈ క్రింది విధంగా జోడించండి:

$ npm తదుపరి @ కోణీయ / క్లై install ఇన్‌స్టాల్ చేయండి

ఆదేశం విజయవంతంగా పూర్తయిన తర్వాత, మీరు కోణీయ CLI ని ఇన్‌స్టాల్ చేయాలి.

కోణీయ CLI కోసం త్వరిత గైడ్

కోణీయ CLI ని ఇన్‌స్టాల్ చేసిన తర్వాత, మీరు చాలా ఆదేశాలను అమలు చేయవచ్చు. వ్యవస్థాపించిన CLI యొక్క సంస్కరణను తనిఖీ చేయడం ద్వారా ప్రారంభిద్దాం:

version ng వెర్షన్

మీరు అమలు చేయాల్సిన రెండవ ఆదేశం పూర్తి వినియోగ సహాయం పొందడానికి సహాయ ఆదేశం:

help ng సహాయం

CLI కింది ఆదేశాలను అందిస్తుంది:

జోడించు: మీ ప్రాజెక్ట్‌కు బాహ్య లైబ్రరీకి మద్దతును జోడిస్తుంది.

బిల్డ్ (బి): ఇచ్చిన అవుట్పుట్ మార్గంలో dist / అనే అవుట్పుట్ డైరెక్టరీలో కోణీయ అనువర్తనాన్ని కంపైల్ చేస్తుంది. వర్క్‌స్పేస్ డైరెక్టరీలోనే అమలు చేయాలి.

config: కోణీయ ఆకృతీకరణ విలువలను తిరిగి పొందుతుంది లేదా సెట్ చేస్తుంది.

doc (d): బ్రౌజర్‌లో అధికారిక కోణీయ డాక్యుమెంటేషన్ (angular.io) ను తెరుస్తుంది మరియు ఇచ్చిన కీవర్డ్ కోసం శోధిస్తుంది.

e2e (e): కోణీయ అనువర్తనాన్ని రూపొందిస్తుంది మరియు పనిచేస్తుంది, ఆపై ప్రొట్రాక్టర్ ఉపయోగించి ఎండ్-టు-ఎండ్ పరీక్షలను అమలు చేస్తుంది.

ఉత్పత్తి (గ్రా): స్కీమాటిక్ ఆధారంగా ఫైళ్ళను ఉత్పత్తి చేస్తుంది మరియు / లేదా సవరించును.

సహాయం: అందుబాటులో ఉన్న ఆదేశాలను మరియు వాటి చిన్న వివరణలను జాబితా చేస్తుంది.

లింట్ (ఎల్): ఇచ్చిన ప్రాజెక్ట్ ఫోల్డర్‌లో కోణీయ అనువర్తన కోడ్‌లో లైంటింగ్ సాధనాలను అమలు చేస్తుంది.

క్రొత్త (n): క్రొత్త కార్యస్థలం మరియు ప్రారంభ కోణీయ అనువర్తనాన్ని సృష్టిస్తుంది.

రన్: మీ ప్రాజెక్ట్‌లో నిర్వచించిన అనుకూల లక్ష్యాన్ని అమలు చేస్తుంది.

సర్వ్ (లు): ఫైల్ మార్పులపై పునర్నిర్మాణం చేస్తూ మీ అనువర్తనాన్ని రూపొందిస్తుంది మరియు అందిస్తుంది.

పరీక్ష (టి): ఒక ప్రాజెక్ట్‌లో యూనిట్ పరీక్షలను అమలు చేస్తుంది.

నవీకరణ: మీ అప్లికేషన్ మరియు దాని డిపెండెన్సీలను నవీకరిస్తుంది. Https://update.angular.io/ చూడండి

వెర్షన్ (v): అవుట్‌పుట్‌లు కోణీయ CLI వెర్షన్.

xi18n: సోర్స్ కోడ్ నుండి i18n సందేశాలను సంగ్రహిస్తుంది.

ఒక ప్రాజెక్ట్ను ఉత్పత్తి చేస్తోంది

మీ కమాండ్-లైన్ ఇంటర్ఫేస్లో కింది ఆదేశాన్ని అమలు చేయడం ద్వారా మీ కోణీయ ప్రాజెక్ట్ను త్వరగా రూపొందించడానికి మీరు కోణీయ CLI ని ఉపయోగించవచ్చు:

front ng కొత్త ఫ్రంటెండ్

గమనిక: ఫ్రంటెండ్ ప్రాజెక్ట్ యొక్క పేరు. మీరు మీ ప్రాజెక్ట్ కోసం ఏదైనా చెల్లుబాటు అయ్యే పేరును ఎంచుకోవచ్చు. మేము పూర్తి-స్టాక్ అనువర్తనాన్ని సృష్టిస్తాము కాబట్టి నేను ఫ్రంట్-ఎండ్ అనువర్తనానికి పేరుగా ఫ్రంటెండ్ ఉపయోగిస్తున్నాను.

ఇంతకు ముందు చెప్పినట్లుగా, CLI మిమ్మల్ని అడుగుతుంది మీరు కోణీయ రౌటింగ్‌ను జోడించాలనుకుంటున్నారా? మరియు మీరు డిఫాల్ట్ ఎంపిక అయిన y (అవును) లేదా n (లేదు) ఎంటర్ చేసి సమాధానం ఇవ్వవచ్చు. ఇది మీరు ఉపయోగించాలనుకుంటున్న స్టైల్షీట్ ఫార్మాట్ (CSS వంటివి) గురించి కూడా అడుగుతుంది. కొనసాగించడానికి మీ ఎంపికలను ఎంచుకోండి మరియు ఎంటర్ నొక్కండి.

ఆ తరువాత, మీరు మీ ప్రాజెక్ట్ డైరెక్టరీ నిర్మాణం మరియు కాన్ఫిగరేషన్లు మరియు కోడ్ ఫైళ్ళతో సృష్టించబడతారు. ఇది ఎక్కువగా టైప్‌స్క్రిప్ట్ మరియు JSON ఫార్మాట్లలో ఉంటుంది. ప్రతి ఫైల్ యొక్క పాత్రను చూద్దాం:

  • / e2e /: వెబ్‌సైట్ యొక్క ఎండ్-టు-ఎండ్ (వినియోగదారు ప్రవర్తనను అనుకరించడం) పరీక్షలను కలిగి ఉంటుంది
  • / node_modules /: అన్ని 3 వ పార్టీ లైబ్రరీలు npm ఇన్‌స్టాల్ ఉపయోగించి ఈ ఫోల్డర్‌కు ఇన్‌స్టాల్ చేయబడతాయి
  • / src /: అప్లికేషన్ యొక్క సోర్స్ కోడ్‌ను కలిగి ఉంది. చాలా పనులు ఇక్కడ జరుగుతాయి
  • / app /: గుణకాలు మరియు భాగాలను కలిగి ఉంటుంది
  • / ఆస్తులు /: చిత్రాలు, చిహ్నాలు మరియు శైలులు వంటి స్థిర ఆస్తులను కలిగి ఉంటాయి
  • / ఎన్విరాన్మెంట్స్ /: ఎన్విరాన్మెంట్ (ఉత్పత్తి మరియు అభివృద్ధి) నిర్దిష్ట కాన్ఫిగరేషన్ ఫైళ్ళను కలిగి ఉంటుంది
  • బ్రౌజర్‌లిస్ట్: CSS మద్దతు కోసం ఆటోప్రెఫిక్సర్ అవసరం
  • favicon.ico: ఫేవికాన్
  • index.html: ప్రధాన HTML ఫైల్
  • karma.conf.js: కర్మ కోసం కాన్ఫిగరేషన్ ఫైల్ (పరీక్షా సాధనం)
  • main.ts: AppModule బూట్స్ట్రాప్ చేయబడిన ప్రధాన ప్రారంభ ఫైల్
  • polyfills.ts: కోణీయానికి అవసరమైన పాలిఫిల్స్
  • style.css: ప్రాజెక్ట్ కోసం గ్లోబల్ స్టైల్షీట్ ఫైల్
  • test.ts: ఇది కర్మ కొరకు ఆకృతీకరణ ఫైలు
  • tsconfig. *. json: టైప్‌స్క్రిప్ట్ కోసం కాన్ఫిగరేషన్ ఫైల్స్
  • angular.json: CLI కొరకు ఆకృతీకరణలను కలిగి ఉంది
  • package.json: ప్రాజెక్ట్ యొక్క ప్రాథమిక సమాచారం (పేరు, వివరణ మరియు డిపెండెన్సీలు) కలిగి ఉంటుంది
  • README.md: ప్రాజెక్ట్ యొక్క వివరణను కలిగి ఉన్న మార్క్‌డౌన్ ఫైల్
  • tsconfig.json: టైప్‌స్క్రిప్ట్ కోసం కాన్ఫిగరేషన్ ఫైల్
  • tslint.json: TSlint కొరకు ఆకృతీకరణ ఫైలు (స్థిర విశ్లేషణ సాధనం)

మీ ప్రాజెక్ట్‌కు సేవలు అందిస్తోంది

మీ స్థానిక మెషీన్‌లో ఫ్రంట్ ఎండ్ అనువర్తనాలను అభివృద్ధి చేయడానికి కోణీయ CLI పూర్తి సాధన-గొలుసును అందిస్తుంది. అందుకని, మీ ప్రాజెక్ట్‌కు సేవ చేయడానికి మీరు స్థానిక సర్వర్‌ను ఇన్‌స్టాల్ చేయవలసిన అవసరం లేదు - మీరు మీ ప్రాజెక్ట్‌ను స్థానికంగా అందించడానికి మీ టెర్మినల్ నుండి ng సర్వ్ కమాండ్‌ను ఉపయోగించవచ్చు.

మొదట, మీ ప్రాజెక్ట్ యొక్క ఫోల్డర్ లోపల నావిగేట్ చేయండి మరియు క్రింది ఆదేశాలను అమలు చేయండి:

$ cd frontend service ng సర్వ్

మీ ఫ్రంట్ ఎండ్ అప్లికేషన్‌తో ఆడటం ప్రారంభించడానికి మీరు ఇప్పుడు http: // localhost: 4200 / చిరునామాకు నావిగేట్ చేయవచ్చు. మీరు ఏదైనా సోర్స్ ఫైల్‌ను మార్చినట్లయితే పేజీ స్వయంచాలకంగా లైవ్-రీలోడ్ అవుతుంది.

కోణీయ కళాఖండాలను రూపొందించడం

కోణీయ CLI ఒక ng ఉత్పత్తి ఆదేశాన్ని అందిస్తుంది, ఇది మాడ్యూల్స్, భాగాలు, ఆదేశాలు, పైపులు మరియు సేవలు వంటి ప్రాథమిక కోణీయ కళాఖండాలను రూపొందించడానికి డెవలపర్‌లకు సహాయపడుతుంది:

my ng భాగం నా-భాగాన్ని ఉత్పత్తి చేస్తుంది

నా-భాగం భాగం యొక్క పేరు. కోణీయ CLI స్వయంచాలకంగా src / app.module.ts ఫైల్‌లోని భాగాలు, ఆదేశాలు మరియు పైపులకు సూచనను జోడిస్తుంది.

మీరు మీ భాగం, డైరెక్టివ్ లేదా పైపును మరొక మాడ్యూల్‌కు జోడించాలనుకుంటే (ప్రధాన అప్లికేషన్ మాడ్యూల్, app.module.ts కాకుండా), మీరు మాడ్యూల్ పేరు మరియు స్లాష్‌తో భాగం పేరును ఉపసర్గ చేయవచ్చు:

component ng గ్రా భాగం నా-మాడ్యూల్ / నా-భాగం

నా-మాడ్యూల్ ఇప్పటికే ఉన్న మాడ్యూల్ పేరు.

ముగింపు

ఈ పోస్ట్‌లో, మా డెవలప్‌మెంట్ మెషీన్‌లో కోణీయ CLI ని ఎలా ఇన్‌స్టాల్ చేయాలో చూశాము మరియు క్రొత్త కోణీయ ప్రాజెక్ట్‌ను మొదటి నుండి ప్రారంభించడానికి మేము దీనిని ఉపయోగించాము.

గుణకాలు, భాగాలు మరియు సేవలు వంటి కోణీయ కళాఖండాలను రూపొందించడానికి మీ ప్రాజెక్ట్ అభివృద్ధిలో మీరు ఉపయోగించగల వివిధ ఆదేశాలను కూడా మేము చూశాము.

మీరు అతని వ్యక్తిగత వెబ్‌సైట్, ట్విట్టర్, లింక్డ్ఇన్ మరియు గితుబ్ ద్వారా రచయితని సంప్రదించవచ్చు లేదా అనుసరించవచ్చు.