एक स्पंदन परियोजना बनाने के लिए तीन अपेक्षाकृत ईमानदार तरीके

इसलिए, फ़्लटर के पहले स्थिर संस्करण की Google द्वारा प्रस्तुति के साथ, जो 4 दिसंबर, 2018 को हुआ, मोबाइल प्रोग्रामिंग के क्षेत्रों पर परिदृश्य को बदलने की प्रक्रिया शुरू हुई। एक नया खिलाड़ी सामने आया है, जो खेल के नियमों को बदलने में सक्षम है। अब, एक कोड आधार से, आप एक ही बार में दो देशी (यानी, रनटाइम के लिए "मूल") एप्लिकेशन बना सकते हैं - आईओएस और एंड्रॉइड के लिए। तथाकथित के विपरीत हाइब्रिड एप्लिकेशन जो कि हुड के तहत जावास्क्रिप्ट का उपयोग करते हैं, फ़्लटर पर बनाए गए एप्लिकेशन जल्दी और सुचारू रूप से काम करते हैं, क्योंकि डार्ट प्रोग्रामिंग भाषा में लिखे गए कोड (जावा या सी # के साथ परिचित लोगों के लिए इस भाषा के साथ सहज होंगे) तब संकलित किया गया है ( एओटी , यानी पहले ) मशीन कोड के लिए: अलग से Android के लिए, और iOS के लिए अलग से।

इसलिए, यदि आप डार्ट और स्पंदन का अध्ययन करते हैं, तो आप दो सबसे लोकप्रिय मोबाइल ऑपरेटिंग सिस्टम, अर्थात् के लिए देशी एप्लिकेशन लिखने में सक्षम होंगे। Android और iOS दोनों डेवलपर हो। और यह शायद सीमा नहीं है, क्योंकि यह घोषणा की गई थी कि Google फ़्लटर का विस्तार करने के लिए काम कर रहा है ताकि इसके साथ विंडोज, मैक और वेब के लिए एप्लिकेशन बनाना संभव हो सके (वेब ​​के लिए फ़्लटर प्रोजेक्ट को हमिंगबर्ड - हमिंगबर्ड कहा जाता है)। परिणामस्वरूप, यह पता चल सकता है कि डार्ट और स्पंदन को जानने से आप बहुत सी चीजें लिख सकते हैं। इसलिए, कई आईटी विशेषज्ञों ने 2018 को कहा है - स्पंदन का वर्ष।

अब बात है। अब हम निम्नलिखित कार्य करेंगे

1. स्पंदन एसडीके स्थापित करें, और विंडोज कमांड लाइन से प्रोजेक्ट बनाएं।
2. JDK , Android Studio, Flutter और Dart के लिए प्लग इन स्थापित करें, और Android Studio में एक प्रोजेक्ट बनाएँ।
3. वीएस कोड, फ़्लटर और डार्ट के लिए एक्सटेंशन स्थापित करें, और वीएस कोड में एक परियोजना बनाएं।

स्पंदन स्थापित करें और कमांड लाइन से एक प्रोजेक्ट बनाएं

फ़्लटर इंस्टॉलेशन पृष्ठ पर जाएं , अपना ऑपरेटिंग सिस्टम चुनें - विंडोज, मैक या लिनक्स (यहां इसे विंडोज 10 के लिए सबसे लोकप्रिय ओएस के रूप में वर्णित किया जाएगा), और फ़्लटर एसडीके युक्त ज़िप फ़ाइल डाउनलोड करें। फिर ज़िप को अनपैक करें, उदाहरण के लिए, वर्तमान उपयोगकर्ता के फ़ोल्डर में, जैसा कि स्क्रीनशॉट में दिखाया गया है:



अब हम Windows उपयोगकर्ता पर्यावरण के पथ चर ( इस कंप्यूटर -> गुण -> उन्नत सिस्टम सेटिंग्स -> पर्यावरण चर ) में flutter \ bin को पथ लिखेंगे:



आप Windows कमांड लाइन से एक प्रोजेक्ट बना सकते हैं:

flutter create my_app 

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

JDK , Android Studio (Android SDK के साथ) और आवश्यक प्लगइन्स स्थापित करें

अपने ऑपरेटिंग सिस्टम के लिए जावा एसई डेवलपमेंट किट 8 का नवीनतम संस्करण डाउनलोड करें (एंड्रॉइड एसडीके के लिए आवश्यक), इसे अपने कंप्यूटर पर इंस्टॉल करें, इंस्टॉलेशन विज़ार्ड का पालन करें, और JDK पथ के साथ एक JAVA_HOME सिस्टम पर्यावरण चर बनाएं, उदाहरण के लिए: C: \ Program Files \ Java \ jdk1.8.0_201 ।



अब Android Studio डाउनलोड करें। हम इंस्टॉलेशन विज़ार्ड का अनुसरण करते हुए इंस्टॉलेशन प्रक्रिया शुरू करते हैं, और उस पथ पर ध्यान देते हैं जहां एंड्रॉइड एसडीके इंस्टॉल किया जाएगा। हम एंड्रॉइड एसडीके में \ टूल फ़ोल्डर के पथ के साथ सिस्टम पर्यावरण चर ANDROID_SDK_TOOLS बनाते हैं, कुछ इस प्रकार है:



जब सब कुछ तैयार हो जाए - एंड्रॉइड स्टूडियो लॉन्च करें, और फ़्लटर और डार्ट प्लगइन्स इंस्टॉल करें। ऐसा करने के लिए, Android Studio प्रारंभिक स्क्रीन में, निचले दाईं ओर स्थित गियर आइकन पर क्लिक करें और प्लगइन्स चुनें:



नीचे खुलने वाली विंडो में, ब्राउज़ रिपॉजिटरी बटन पर क्लिक करें ...



खोज लाइन में, स्पंदन दर्ज करें, चुनें और इंस्टॉल करें (मेरे पास पहले से ही स्थापित है, इसलिए संबंधित बटन दिखाई नहीं देता है):



एंड्रॉइड स्टूडियो डार्ट प्लगइन स्थापित करने की पेशकश करेगा, जिस पर फ़्लटर प्लगइन निर्भर करता है। हम सहमत हैं। परिणामस्वरूप, आपके पास कम से कम दो प्लगइन्स स्थापित होने चाहिए:



हम एंड्रॉइड स्टूडियो को पुनरारंभ करते हैं, और अब यह सुनिश्चित करते हैं कि सब कुछ ठीक हो रहा है। ऐसा करने के लिए, कमांड लाइन पर, कमांड निष्पादित करें:

 flutter doctor 

स्कैनिंग में दस सेकंड लगेंगे, और फिर आप कुछ इस तरह देख सकते हैं:



या हो सकता है कि एक स्पष्टीकरण (अंग्रेजी में) के साथ एक लाल क्रॉस के साथ चिह्नित एक आइटम होगा जिसे आपने अभी तक एंड्रॉइड एसडीके के लिए किसी भी लाइसेंस को स्वीकार नहीं किया है, और उन्हें ( वाई / एन ) स्वीकार करने का प्रस्ताव है। कमांड लाइन पर वाई टाइप करके उन्हें स्वीकार करें। आपको ऐसा कई बार करना पड़ सकता है (यदि आपके पास कई लाइसेंस हैं)।

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



अगला, हम डिफ़ॉल्ट रूप से चयनित फ़्लटर एप्लिकेशन विकल्प से सहमत हैं और अगला बटन क्लिक करें:



हम प्रोजेक्ट का नाम, फ़्लटर SDK फ़ोल्डर का पथ, प्रोजेक्ट फ़ोल्डर का पथ, प्रोजेक्ट का संक्षिप्त विवरण (वैकल्पिक) देते हैं, और फिर अगला क्लिक करें:



अंत में, हम डोमेन नाम निर्दिष्ट करते हैं (जो रिवर्स ऑर्डर में एंड्रॉइड एप्लिकेशन की आईडी के रूप में उपयोग किया जाएगा), और वैकल्पिक रूप से, कोटलिन और स्विफ्ट भाषाओं के लिए समर्थन (यदि निर्दिष्ट नहीं है, केवल जावा और ऑब्जेक्टिव-सी डिफ़ॉल्ट रूप से समर्थित होगा)। फिनिश बटन पर क्लिक करें।



कंप्यूटर के प्रदर्शन के आधार पर, हम कुछ मिनट इंतजार करते हैं जब तक कि परियोजना नहीं बनाई जाती ... हो गया! यह कुछ इस तरह दिखना चाहिए:



फ़्लटर इंस्पेक्टर टैब की ओर इशारा करते हुए तीर पर ध्यान दें। इस निरीक्षक में कार्यक्षमता है जो आपको विकास के दौरान बहुत उपयोगी चीजों को बनाने की अनुमति देता है, जिसमें शामिल हैं iOS पर प्रस्तुति मोड में एक Android डिवाइस पर एक आवेदन देखना!

और अंत में, वीएस कोड, एक्सटेंशन स्थापित करें, और एक तीसरा स्पंदन परियोजना बनाएं

अपने ऑपरेटिंग सिस्टम के लिए Visual Studio कोड का नवीनतम संस्करण डाउनलोड करें , इंस्टॉलेशन विज़ार्ड का अनुसरण करते हुए, अपने कंप्यूटर पर इसे इंस्टॉल करें और VS कोड लॉन्च करें। फिर, साइड पैनल पर, एक्सटेंशन्स बटन (एक तीर द्वारा दिखाया गया) या कीबोर्ड पर क्लिक करें - Ctrl + Shift + X :



खोज का उपयोग करके हम फ़्लटर एक्सटेंशन की तलाश कर रहे हैं।



वीएस कोड, एंड्रॉइड स्टूडियो के मामले में, आवश्यक अतिरिक्त एक्सटेंशन डार्ट को स्थापित करने की पेशकश करेगा। हम इसे भी स्थापित करते हैं। परिणामस्वरूप, आपके पास दो (या अधिक) सक्रिय एक्सटेंशन होने चाहिए:



और अब हम Flutter प्रोजेक्ट बना रहे हैं। निचले बाएँ कोने में गियर आइकन पर क्लिक करें और कमांड पैलेट चुनें ... (या कीबोर्ड पर - सीटीआर + शिफ्ट + पी )। कमांड पैलेट कमांड लाइन में, हम स्पटर प्रिंट करना शुरू करते हैं, और दिखाई देने वाली सूची से, फ़्लटर का चयन करें : नई परियोजना :



प्रोजेक्ट को एक नाम दें और Enter कुंजी दबाएं:



एक संवाद बॉक्स आपको उस फ़ोल्डर का चयन करने के लिए संकेत देता है जिसमें आप फ़्लटर परियोजना बनाना चाहते हैं। एक लंबे नाम वाले बटन को चुनें और क्लिक करें : प्रोजेक्ट बनाने के लिए एक फ़ोल्डर चुनें :



प्रतीक्षा का एक क्षण ... और, हो गया!

परिणाम

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