हाल ही में, मैंने html / css में मोबाइल एप्लिकेशन विकसित करने के लिए उपकरण खोजने के बारे में सोचा। आवश्यकताओं में से थे: उपलब्धता, लपट, स्थापना में आसानी। चुनाव में निर्मित नोड एनपीएम प्रबंधक पर गिर गया। एनपीएम में होता है
कस्टम स्क्रिप्ट की तरह बुनियादी कार्यों के लिए उपकरण। इसके अलावा एनपीएम ग्रंट के रूप में भारी नहीं है और इसके लिए मॉड्यूल के अनुकूलन की आवश्यकता नहीं है, क्योंकि कमांड लाइन से मॉड्यूल लॉन्च करता है।

डेवलपर टूल के रूप में एनपीएम

एनपीएम मौजूदा मॉड्यूल के काम को आपस में व्यवस्थित कर सकता है। , हाँ
कभी-कभी समाधान सुरुचिपूर्ण और ग्रंट से नीच नहीं होते हैं, लेकिन प्रत्येक कार्य में उपयुक्त उपकरण होने चाहिए। क्योंकि एनपीएम सिर्फ लॉन्च
कमांड लाइन के माध्यम से मॉड्यूल, फिर आपको लापता के लिए बनाने या प्रतीक्षा करने की आवश्यकता नहीं है
मॉड्यूल, सबसे अधिक संभावना है कि यह पहले से ही लागू है।

एनपीएम इंस्टालेशन

एनपीएम के बारे में अच्छी बात यह है कि यह आपके साथ स्थापित है अगर Node.JS स्थापित है। आपको केवल कॉन्फ़िगरेशन फ़ाइल लिखने की आवश्यकता है और आप
आप अपनी परियोजनाओं के निर्माण और परीक्षण के लिए बुनियादी कदम उठा सकते हैं।

एनपीएम विन्यास उदाहरण

{ "name": "FrontendTemplate", "description": "", "author": "Sergei Z.", "scripts": { }, "dependencies": { }, "devDependencies": { } } 

इस मामले में, हम रुचि और स्क्रिप्ट ब्लॉक में रुचि रखते हैं। विकास में हम संकेत देते हैं कि हम विकास में किन मॉड्यूलों का उपयोग करेंगे। स्क्रिप्ट में हम असेंबली, प्रोजेक्ट के परीक्षण के लिए स्क्रिप्ट बनाते हैं।

चलो उपयोगी मॉड्यूल के एक जोड़े को जोड़ते हैं।

 { "name":" FrontendTemplate", "version": "0.0.1", "description": "", "repository": "", "author": "Sergei Z.", "dependencies": { }, "devDependencies": { "supervisor": "*", "jshint": "~1.1.0", "less": "~1.3.3", "jade": "*", "uglify-js2": "*" } } 

जेड। हमारे html को उत्पन्न करने के लिए जेड टेम्पलेट इंजन मॉड्यूल का उपयोग किया जाएगा।
बदसूरत करना-JS2। जेएस कोड को कम करने के लिए मॉड्यूल।
कम। कम फ़ाइलों से सीएसएस संकलन के लिए मॉड्यूल।
JSHint। गुणवत्ता के लिए जेएस कोड की जाँच के लिए मॉड्यूल। मैं इसका उपयोग करने की अत्यधिक सलाह देता हूं।
पर्यवेक्षक। एक निर्देशिका में फ़ाइलों को बदलते समय जेएस अनुप्रयोगों या आदेशों को लॉन्च करने के लिए एक मॉड्यूल।


हम पैकेज में इसे बचाते हैं। json। निर्देशिका पर जाएं और npm इंस्टॉल चलाएं। NPM मॉड्यूल्स को नोड_मॉडल्स डायरेक्टरी में लोड करेगा।
यह केवल मॉड्यूल की स्थापना है, जैसा कि उनके लॉन्च के लिए, आपको स्क्रिप्ट अनुभाग को हमारे कॉन्फ़िगरेशन में जोड़ना होगा। भी
हमें Windows पर UnixUtils की आवश्यकता होगी।

 { "name": "frontendTemplate", "version": "0.0.1", "description": "", "scripts": { "less": "cat src/less/*.less > build/app.less.temp && lessc -x ./build/app.less.temp > ./build/css/app.css && rm -f build/app.less.temp", "uglify": "cat src/js/lib/*.js src/js/*.js > build/app.js.temp && uglifyjs2 -o build/js/app.min.js build/app.js.temp && rm -f build/app.js.temp", "jade": "jade --out build/ src/jade/index.jade", "build": "npm run less && npm run uglify && npm run jade", "start": "npm run build", "watch": "supervisor --watch src--extensions less,js,jade --no-restart-on exit --exec npm -- run build" }, "repository": "", "author": "Sergei Z.", "dependencies": { }, "devDependencies": { "supervisor": "*", "jshint": "~1.1.0", "less": "~1.3.3", "jade": "*", "uglify-js2": "*" } } 

कम स्क्रिप्ट src / कम फ़ोल्डर से css में कम संकलित करता है और इसे बिल्ड / css फ़ोल्डर में डालता है
Uglify-js2 स्क्रिप्ट src फ़ोल्डर से सभी js कोड को कम कर देता है, जिसमें lib फ़ोल्डर से लाइब्रेरी भी शामिल है, और इसे बिल्ड / js फ़ोल्डर में डालता है
जेड स्क्रिप्ट src / जेड फोल्डर से html संकलित करता है और इसे बिल्ड में डालता है
एक बार में रन कम, बदसूरत और जेड स्क्रिप्ट बनाएं
निर्माण के लिए उपनाम शुरू करें
वॉच पर्यवेक्षक शुरू करता है और src डायरेक्टरी को देखता है और जब एक्सटेंशन कम के साथ फाइल बदलते हैं, तो js, जेड बिल्ड स्क्रिप्ट चलाता है


आप npm रन% कमांडनाम% कमांड के साथ किसी भी स्क्रिप्ट को चला सकते हैं। उदाहरण के लिए, एनपीएम रन बिल्ड। उदाहरण के लिए, एक प्रोजेक्ट बनाने के लिए npm रन बिल्ड या डायरेक्टरी की निगरानी के लिए npm रन वॉच और अगर फाइल बदलती है तो उसका पुनर्निर्माण करते हैं।

NPM और TDD \ BDD

मैं अपनी परियोजनाओं के लिए परीक्षणों का उपयोग करता हूं, इसलिए मैंने अपने कोड का परीक्षण करने के लिए मोचा और फैंटमजेएस को भी खराब कर दिया। इसके बारे में यहाँ देखा जा सकता है

आईडीई एकीकरण

क्योंकि चूंकि NPM कमांड लाइन का उपयोग करता है, IDE के साथ NPM को एकीकृत करना एक बहुत ही सरल कार्य हो जाता है। उदाहरण के लिए, Sublime Text 2 के लिए शेल टर्टलस्टीन एक्सटेंशन आपको IDE से कमांड चलाने और सीधे IDE से आउटपुट कमांड देखने की अनुमति देता है।

निष्कर्ष

Node.JS फ्रंटएंड डेवलपमेंट के लिए एक अच्छा टूलकिट प्रदान करता है और यह एक अच्छा प्रोजेक्ट है अगर आपके पास एक छोटा प्रोजेक्ट है और आप इसे कमांड लाइन से प्रबंधित कर सकते हैं, लेकिन यह पर्याप्त लचीला नहीं है यदि आपको उन्नत प्रोजेक्ट प्रबंधन की आवश्यकता है। इस मामले में, ग्रंट को देखना बेहतर है।