वेब डेवलपमेंट के लिए मैक कैसे सेट करें

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

पर रुको! आपका मैक तैयार नहीं है। गोता लगाने से पहले, आपको कुछ आइटम स्थापित करने होंगे जो आपको बाद में भ्रमित करने वाली त्रुटियों से बचाएंगे। ?

यह लेख आपको अपने मैक पर जावास्क्रिप्ट-आधारित वेब विकास के साथ उठने और चलने के लिए आवश्यक न्यूनतम सेटअप के बारे में मार्गदर्शन करेगा।

चलो चलें!

अपना Mac अपडेट करें

कोई भी नया सॉफ़्टवेयर स्थापित करने से पहले, macOS और अपने वर्तमान सॉफ़्टवेयर को नवीनतम संस्करण में अपग्रेड करने के लिए Apple के इन निर्देशों का पालन करें।

एक टर्मिनल ऐप चुनें

चूंकि आप इस आलेख में कमांड लाइन का उपयोग करके अपने मैक के साथ इंटरैक्ट करेंगे, इसलिए आपको एक टर्मिनल ऐप की आवश्यकता होगी।

निम्न में से कोई भी अच्छा विकल्प है:

• हाइपर
• iTerm2
• विजुअल स्टूडियो कोड का एकीकृत टर्मिनल
• टर्मिनल (आपके मैक के साथ आने वाला डिफ़ॉल्ट ऐप)

यदि आप सुनिश्चित नहीं हैं कि किसे चुनना है, तो हाइपर चुनें।

कमांड लाइन डेवलपर टूल

पहली चीज़ जो आपको कमांड लाइन से इंस्टाल करनी होगी, वह हैं आपके मैक के कमांड लाइन डेवलपर टूल . इन्हें अभी स्थापित करने से बाद में अजीब त्रुटियों से बचा जा सकेगा।

यह जांचने के लिए कि उपकरण पहले से इंस्टॉल हैं या नहीं, अपने टर्मिनल ऐप में निम्न कमांड टाइप करें और रिटर्न हिट करें:

xcode-select --version

यदि परिणाम संस्करण संख्या नहीं है, तो इस आदेश के साथ उपकरण स्थापित करें:

xcode-select --install

एक संवाद यह पूछेगा कि क्या आप उपकरण स्थापित करना चाहते हैं। इंस्टॉल करें Click क्लिक करें और पैकेज अपने आप डाउनलोड और इंस्टॉल हो जाएगा।

जब स्थापना समाप्त हो जाए, तो पुष्टि करें कि उपकरण अब पहले आदेश को फिर से चलाकर स्थापित किए गए हैं:

xcode-select --version

परिणाम अब एक संस्करण संख्या होना चाहिए।

होमब्रू

प्रत्येक टूल की वेबसाइट पर जाकर, डाउनलोड पेज ढूंढकर, डाउनलोड लिंक पर क्लिक करके, फ़ाइलों को अनज़िप करके और मैन्युअल रूप से इंस्टॉलर चलाकर अगले कुछ टूल इंस्टॉल करने के बजाय, हम Homebrew का उपयोग करने जा रहे हैं।

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

सबसे पहले, जांचें कि क्या Homebrew पहले से इंस्टॉल है:

brew --version

यदि आपको कोई संस्करण संख्या दिखाई नहीं देती है, तो इस आदेश के साथ Homebrew स्थापित करें:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

मैं वादा करता हूँ कि इस लेख में आप सबसे अजीब कमांड देखेंगे! ? Homebrew के लिए धन्यवाद, बाकी चीजें आसान हैं।

आगे बढ़ने से पहले, पुष्टि करें कि Homebrew अब स्थापित है:

brew --version

नोड और npm

Node.js एक ऐसा टूल है जो आपके Mac को वेब ब्राउज़र के बाहर JavaScript कोड चलाने की अनुमति देता है। यदि आप अपने Mac पर React या Vue जैसे JavaScript फ्रेमवर्क को चलाना चाहते हैं, तो आपको Node स्थापित करना होगा।

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

सबसे पहले, जांचें कि क्या नोड पहले से स्थापित है:

node --version

यदि नहीं, तो इसे Homebrew के साथ स्थापित करें:

brew install node

अंत में, पुष्टि करें कि नोड और npm अब इंस्टॉल हो गए हैं:

node --version

npm --version

Git के साथ वर्जन कंट्रोल

Git एक ऐसा टूल है जो आपको अपने कोड में बदलावों को ट्रैक करने और साझा प्रोजेक्ट पर अन्य डेवलपर्स के साथ काम करने में मदद करता है।

प्रत्येक प्रोजेक्ट पर Git का उपयोग करना विकसित करने की एक अच्छी आदत है और आपको भविष्य की उन परियोजनाओं के लिए तैयार करेगा जहाँ Git की आवश्यकता हो सकती है। कुछ टूल (जैसे GatsbyJS) आपके Mac पर Git इंस्टॉल होने पर भी निर्भर करते हैं, इसलिए आपको इसकी आवश्यकता होगी, भले ही आप इसे अपने वर्कफ़्लो में जोड़ने की योजना न बनाएं।

एक बार फिर, जाँच करके शुरू करें कि क्या Git पहले से स्थापित है:

git --version

यदि नहीं, तो इसे स्थापित करें:

brew install git

और पुष्टि करें कि इंस्टॉलेशन काम कर गया:

git --version

कभी-कभी, निम्न कमांड चलाएँ और होमब्रे के साथ आपने जो कुछ भी इंस्टॉल किया है वह अपने आप अपडेट हो जाएगा:

brew update && brew upgrade && brew cleanup && brew doctor

अपने सिस्टम को अप टू डेट रखने के लिए आपको बस यही एक कमांड चाहिए। ?

मैं आमतौर पर इसे तब चलाता हूं जब मैं कोई नया प्रोजेक्ट शुरू करता हूं, लेकिन जब भी आप चाहें ऐसा करने के लिए स्वतंत्र महसूस करें। (जब आप इस कमांड को चलाते हैं, अगर Homebrew आपको चलाने के लिए अतिरिक्त कमांड का सुझाव देता है, तो आगे बढ़ें और उन्हें चलाएँ। यदि कोई कमांड sudo से शुरू होता है। और आपको पासवर्ड के लिए कहा जाए, अपने Mac के व्यवस्थापक पासवर्ड का उपयोग करें।)

कमांड लाइन के लिए बस इतना ही!

कोड संपादक

जबकि आप किसी भी टेक्स्ट एडिटर में कोड लिख सकते हैं, आपके कोड को हाइलाइट और मान्य करने वाले एक का उपयोग करने से आपका जीवन बहुत आसान हो जाएगा।

निम्न में से कोई भी अच्छा विकल्प है:

• विजुअल स्टूडियो कोड
• परमाणु
• उत्कृष्ट पाठ

अगर आप अभी शुरुआत कर रहे हैं, तो विजुअल स्टूडियो कोड चुनें।

ब्राउज़र

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

निम्न में से कोई एक अच्छे विकल्प हैं:

• क्रोम
• फ़ायरफ़ॉक्स

अगर आप अभी शुरुआत कर रहे हैं, तो क्रोम चुनें।

फाइंडर

यहां एक त्वरित युक्ति:आप उन फ़ाइलों को दिखाना चाहेंगे जिन्हें आपका मैक डिफ़ॉल्ट रूप से छुपाता है। (उदाहरण के लिए, git फ़ाइलें स्वचालित रूप से छिपी होती हैं, लेकिन कभी-कभी आप उन्हें संपादित करना चाहेंगे।)

अपने Mac की छिपी हुई फ़ाइलों को दिखाने का सबसे आसान तरीका कीबोर्ड शॉर्टकट ⌘⇧ है। (कमांड + शिफ्ट + अवधि)। यह इन फ़ाइलों को दिखाने और छिपाने के बीच वैकल्पिक होगा ताकि जब आपको उनकी आवश्यकता हो तो आप उन तक पहुंच सकें।

निष्कर्ष

तुम सभी पक्के हो! ?

अपने Mac पर JavaScript-आधारित फ़्रंट-एंड डेवलपमेंट के साथ उठने और चलने के लिए आपको बस इतना ही करना होगा।

भ्रम से बचने के लिए, मैंने ऐसी कोई भी वस्तु छोड़ दी जिसकी सख्त आवश्यकता नहीं है। यदि आप वैकल्पिक तरीकों में गहराई से जाना चाहते हैं तो आप वेब विकास के लिए अपने मैक को और अधिक अनुकूलित कर सकते हैं, नीचे दिए गए लिंक देखें।

आगे पढ़ना

• तानिया रसिया द्वारा विकास के लिए एकदम नया मैक सेट करना
• बेन हनीविल द्वारा फ्रंट-एंड डेवलपमेंट के लिए मैकबुक सेट करना
• गृहस्थी छोड़ना:WebDevStudios द्वारा सर्वोत्तम समग्र स्थानीय विकास परिवेश ढूँढना (यदि आपको PHP सेटअप की भी आवश्यकता है)

ट्विटर पर चर्चा करें

मूल रूप से michaeluloth.com पर प्रकाशित।