𝗪𝗵𝗮𝘁 𝗛𝗮𝗽𝗽𝗲𝗻𝘀 𝗪𝗵𝗲𝗻 𝗬𝗼𝘂 𝗥𝘂𝗻 𝗡𝗽𝗺 𝗖𝗼𝗺𝗺𝗮𝗻𝗱𝘀?
మీరు ఒక npm కమాండ్ ఇచ్చి Enter నొక్కి వేచి ఉంటారు. అకస్మాత్తుగా, మీ ప్రాజెక్ట్ పనిచేస్తుంది. అది ఏదో మ్యాజిక్ లా అనిపిస్తుంది.
అది మ్యాజిక్ కాదు. అది నెట్వర్క్ రిక్వెస్ట్లు, కోడ్ పార్సింగ్ మరియు ఫైల్ ఆప్టిమైజేషన్ల శ్రేణి.
కమాండ్లను గుడ్డిగా రన్ చేయడం ఆపండి. ఈ 6 ప్రధాన కమాండ్ల వెనుక ఉన్న ఇంజిన్ను అర్థం చేసుకోండి.
npm install ఈ కమాండ్ మీ package.jsonను చదువుతుంది. మీ dependenciesని కనుగొనడానికి ఇది ఒక క్లౌడ్ రిజిస్ట్రీని సంప్రదిస్తుంది. • ఇది ప్యాకేజీలను node_modules ఫోల్డర్లోకి డౌన్లోడ్ చేస్తుంది. • ఇది వెర్షన్ కాన్ఫ్లిక్ట్లను (version conflicts) పరిష్కరిస్తుంది. • ఖచ్చితమైన వెర్షన్లను రికార్డ్ చేయడానికి ఇది package-lock.jsonను సృష్టిస్తుంది.
npm run format:check ఇది ఒక వెరిఫికేషన్ దశ. ఇది మీ ఫైల్లను స్కాన్ చేయడానికి Prettier వంటి సాధనాలను ఉపయోగిస్తుంది. • ఇది మీ కోడ్ యొక్క వర్చువల్ లేఅవుట్ను నిర్మిస్తుంది. • ఇది మీ కోడ్ను మీ స్టైల్ రూల్స్తో పోల్చి చూస్తుంది. • ఇది మీ ఫైల్లను మార్చకుండానే లోపాలను (errors) గుర్తిస్తుంది.
npm run format చెక్ చేసినప్పుడు కనుగొనబడిన సమస్యలను ఈ కమాండ్ సరిచేస్తుంది. • ఇది మీ ప్రాజెక్ట్పై Prettierని రన్ చేస్తుంది. • ఇది మీ స్టైల్ రూల్స్కు అనుగుణంగా మీ ఫైల్లను తిరిగి రాస్తుంది. • ఇది స్పేసింగ్ మరియు ఫార్మాటింగ్ను ఆటోమేటిక్గా శుభ్రం చేస్తుంది.
npm run lint దీనిని మీ కోడ్ కోసం ఒక స్పెల్ చెక్కర్గా భావించండి. ESLint ఈ క్రింది లోపాల కోసం స్కాన్ చేస్తుంది: • సింటాక్స్ తప్పులు (Syntax mistakes). • ఉపయోగించని వేరియబుల్స్ (Unused variables). • మిస్సింగ్ ఇంపోర్ట్స్ (Missing imports). • తప్పుగా వాడిన React Hook వినియోగం.
npm run build ఈ కమాండ్ మీ యాప్ను రియల్ వరల్డ్ కోసం సిద్ధం చేస్తుంది. ఇది ఒక dist ఫోల్డర్ను సృష్టిస్తుంది. • ఇది ఉపయోగించని కోడ్ను తొలగించడానికి tree shaking చేస్తుంది. • ఇది వైట్స్పేస్ను తొలగించడం మరియు వేరియబుల్ పేర్లను తగ్గించడం ద్వారా కోడ్ను మినైఫై (minify) చేస్తుంది. • ఇది JavaScript, CSS మరియు అసెట్స్ను ఆప్టిమైజ్ చేసిన ఫైల్లుగా బండిల్ చేస్తుంది. • ఈ ఫైల్లు సర్వర్కు డిప్లాయ్ చేయడానికి సిద్ధంగా ఉంటాయి.
npm run dev ఇది మీరు పని చేయడానికి ఒక లోకల్ సర్వర్ను ప్రారంభిస్తుంది. • మీ బ్రౌజర్ అడిగినప్పుడు మాత్రమే ఫైల్లను కంపైల్ చేయడానికి ఇది Native ES Modulesను ఉపయోగిస్తుంది. • పేజీని రిఫ్రెష్ చేయకుండానే మీ సైట్ను తక్షణమే అప్డేట్ చేయడానికి ఇది Hot Module Replacement (HMR)ని ఉపయోగిస్తుంది.
npm run preview ఇది మీ చివరి తనిఖీ. ఇది మీ సోర్స్ కోడ్ను విస్మరించి, కేవలం dist ఫోల్డర్ను మాత్రమే చూస్తుంది. • మీ యాప్ రియల్ సర్వర్లో ఎలా పనిచేస్తుందో ఇది అనుకరిస్తుంది (simulates). • మీరు ప్రొడక్షన్కు డిప్లాయ్ చేసే ముందే బగ్స్ను పట్టుకోవడానికి ఇది సహాయపడుతుంది.
టెర్మినల్ అనేది ఒక బ్లాక్ బాక్స్ కాదు. ఇవి అర్థం చేసుకోవడం వల్ల ఏదైనా సమస్య వచ్చినప్పుడు మీరు వేగంగా డీబగ్ (debug) చేయగలరు.
అది ఎలా పనిచేస్తుందో తెలుసుకున్న తర్వాత, మీ కోడింగ్ విధానాన్ని మార్చిన కమాండ్ ఏది? కింద తెలియజేయండి.