वाइट एक आधुनिक बिल्ड टूल्स है, जो विशेष रूप से रिएक्ट, व्यू और अन्य जैसे जावास्क्रिप्ट-आधारित अनुप्रयोगों के लिए एक तेज़ और कुशल विकास अनुभव प्रदान करने के लिए डिज़ाइन किया गया है।
Vite स्वयं विकास प्रक्रिया के दौरान न्यूनतम कॉन्फ़िगरेशन और तेज़ लोडिंग समय के साथ विकास गति पर अधिक ध्यान केंद्रित करता है। रोलअप से अनुकूलन के कारण उत्पादन निर्माण समय भी आमतौर पर तेज़ होता है
इस ट्यूटोरियल में, आप सीखेंगे कि चरण दर चरण Vite के साथ Reactjs कैसे इंस्टॉल करें
स्टेप 1
आपके पास जो टर्मिनल एप्लिकेशन है उसे खोलें, यहां मैं cmder का उपयोग कर रहा हूं, और उस फ़ोल्डर पर जाएं जहां आप एप्लिकेशन इंस्टॉल करना चाहते हैं
चरण दो
इंस्टॉलेशन प्रक्रिया को पूरा करने के लिए आप "यार्न" या "एनपीएम" का उपयोग कर सकते हैं,
अपने टर्मिनल में निम्न कमांड टाइप करें,
##NPM npm create vite@latest ##YARN yarn create vite
मैं यार्न का उपयोग करता हूं।
ऊपर दिए गए आदेश को निष्पादित करने के बाद, आपसे उस एप्लिकेशन का नाम दर्ज करने के लिए कहा जाएगा जिसे आप बनाना चाहते हैं, जैसा कि निम्नलिखित छवि में दिखाया गया है
चरण 3
आपको एक सूची दिखाई देगी; सूची में ऊपर और नीचे जाने के लिए तीर कुंजियों का उपयोग करें, अपना पसंदीदा विकल्प चुनने के लिए एंटर पर क्लिक करें।
इस चरण में, हम React
चरण 3
आपको चुनने के लिए पांच विकल्प दिखाई देंगे, नेविगेट करें और
चुनें
यहां मैं टाइपस्क्रिप्ट एसडब्ल्यूसी चुनूंगा
और यह सबकुछ है; अब आपके पास अपना Vite प्रोजेक्ट है
चरण 4
जैसा कि चरण 3 में अंतिम परिणामों में निर्देश दिया गया है, आपको आपके द्वारा बनाए गए एप्लिकेशन फ़ोल्डर में प्रवेश करने के लिए कहा जाता है, उसके बाद वह कमांड चलाएं जो आपको करने के लिए कहा गया था
### masuk ke folder aplikasi anda cd react-vite ### install dependencies yarn install
चरण 5
चरण 4 में सभी प्रक्रियाएं सफल होने के बाद, एप्लिकेशन को चलाने के लिए आपको निम्नलिखित कमांड चलाने की आवश्यकता है
### npm npm run dev ### yarn yarn dev
एप्लिकेशन सफलतापूर्वक चलने के बाद, आप टर्मिनल में प्रदर्शित लिंक के अनुसार एप्लिकेशन तक पहुंच सकते हैं
निष्कर्ष:
देखिए, यह बिल्कुल भी मुश्किल नहीं है, और पूरी प्रक्रिया को पूरा होने में ज्यादा समय नहीं लगता है।
अब आपने Vitejs का उपयोग करके ReactJS एप्लिकेशन इंस्टॉल करना सफलतापूर्वक सीख लिया है
धन्यवाद
अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।
Copyright© 2022 湘ICP备2022001581号-3