नमस्ते,

सबसे पहले आपको यह करना होगा नोड.जेएस स्थापित करें अपने पीसी पर (यहां से डाउनलोड करें) यहाँ); यह जांचने के लिए कि क्या यह ठीक से स्थापित है, आपको यह करना होगा नोड js संस्करण की जाँच करें cmd में (या 1टीपी15टी's टर्मिनल) पर टाइप करके:

node -v

फिर, PHPStorm के टर्मिनल (या विंडोज़ के cmd) का उपयोग करके अपने प्रोजेक्ट फ़ोल्डर में आपको एनपीएम आरंभ करेंटर्मिनल में टाइप करें:

npm init -y

आपके प्रोजेक्ट फ़ोल्डर में यह बनाएगा नोड_मॉड्यूल्स फ़ोल्डर में आपके द्वारा इंस्टॉल किए जा रहे सभी पैकेज होंगे। यह भी बनाएगा पैकेज.json निर्भरता जानकारी वाली फ़ाइल. Npm की फ़ाइल पैकेज.json  यह हमारे प्रोजेक्ट की एक रेसिपी/किराने की सूची है जिसमें आपके द्वारा इंस्टॉल किए जा रहे एनपीएम पैकेज निर्भरताएं शामिल हैं।

अगला, टर्मिनल में npm पैकेज प्रकार स्थापित करने के लिए:

npm install lodash

इस मामले में लोदाश पैकेज का नाम है। यहाँ एक और उदाहरण है (normalize.css इंस्टॉल करना):

npm install normalize.css

...या रिक्त स्थान से अलग करके कुछ आवश्यक एनपीएम पैकेज स्थापित करें:

npm install postcss-simple-vars postcss-nested autoprefixer --save-dev

ये सभी पैकेज यहाँ से आते हैं https://www.npmjs.com - आप वहां उस पैकेज की खोज कर सकते हैं जिसमें आपकी रुचि हो।

Npm चलाने के लिए आपको टाइप करना चाहिए:

npm run dev

तो फिर एनपीएम हमारी परियोजना के लिए महत्वपूर्ण क्यों है?

उदाहरण के लिए यदि हमारे पी.सी. में कुछ घटित हो जाए (किसी प्रकार की दुर्घटना), तो हम हमेशा ठीक हो जाओ GitHub से प्रोजेक्ट को क्लोन करके हमारा प्रोजेक्ट (PHPStorm IDE के साथ GitHub और Git का उपयोग करना सीखें) और प्रोजेक्ट को क्लोन करने के बाद - पैकेज.json फ़ाइल (हमारे प्रोजेक्ट का रेसिपी) अंदर होगी और टर्मिनल में टाइप करने के बाद एनपीएम इंस्टॉल सभी npm पैकेज फिर से इंस्टॉल/रिकवर हो जाएंगे! बढ़िया! 🙂

यहां कुछ npm पैकेज दिए गए हैं जिनका उपयोग मैं PHPStorm के साथ करता हूं:

निश्चित रूप से उपयोग करें वेबपैक-डेव-सर्वर; इस बेहतरीन ऑटोमेशन एनपीएम पैकेज को स्थापित करने का तरीका यहां बताया गया है। बस टाइप करें:

npm install webpack-dev-server --save-dev

छवियों की आलसी लोडिंग के लिए मैं उपयोग कर रहा हूँ: आलसीसाइज़

आप इसे टाइप करके स्थापित कर सकते हैं:

npm install lazysizes