🅿️ 🤰🏼 👨🏾‍⚖️ ओपन आईडीई एडोब ब्रैकेट का अवलोकन 👨🏽‍🎤 #⃣ 🤛🏼

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

आईडीई ब्रैकेट क्या है, इसके बारे में थोड़ी जानकारी। Adobe द्वारा क्रोमियम एंबेडेड फ्रेमवर्क (CEF) का उपयोग करके वेब प्रोग्रामर के लिए एक वेब प्लेटफॉर्म (HTML, CSS और जावास्क्रिप्ट) पर पर्यावरण विकसित किया गया है। ब्रैकेट कोडमेइर, jQuery, आवश्यकता .js, बूटस्ट्रैप, नोड्स .js. जैसी परियोजनाओं पर आधारित हैं स्रोत कोड खुले स्रोत एमआईटी लाइसेंस के तहत वितरित किए जाते हैं । परियोजना का मुख्य लक्ष्य वेब विकास प्रक्रिया को सरल बनाना है। आईडीई पर काम स्क्रम पद्धति (2.5 सप्ताह के लिए स्प्रिंट) पर आधारित है। पर्यावरण काफी स्थिर है - आईडीई ब्रैकेट डेवलपर्स ने खुद को अपने दैनिक काम में काफी समय के लिए उपयोग करना शुरू कर दिया। आप यहां से पर्यावरण डाउनलोड कर सकते हैं ।

मुख्य विशेषताएं: वातावरण लिनक्स के लिए उपलब्ध हो गया है, Node.js के लिए समर्थन दिखाई दिया है, HTML, CSS, जावास्क्रिप्ट के लिए बुद्धिमान कोड पूरा हो गया है, समुदाय ने सौ से अधिक उपयोगी प्लगइन्स बनाए हैं, साथ ही एक उत्तरदायी डिजाइन के साथ लेआउट के निर्माण को सरल बनाने के लिए एक उन्नत प्रणाली विकसित की जा रही है, जो पहले से ही प्रबंधित है। जो लोग इसे देखा पर एक वाह प्रभाव पैदा करते हैं।

(बिल्ली स्क्रीनशॉट के तहत ~ 1.5Mb)

बुद्धिमान कोड पूरा हो रहा है

नए API के लिए धन्यवाद, ऑटो-पूर्णता हर जगह काम करता है: HTML, CSS, जावास्क्रिप्ट (jQuery के लिए)।

HTML:

सीएसएस:

सीएसएस पूरा हुआ

स्वत: पूर्ण url पैरामीटर

जावास्क्रिप्ट (jQuery):

इनलाइन कोड संपादन

आईडीई के मुख्य विचारों में से एक - एक ही परियोजना के भीतर फ़ाइलों के बीच आंदोलनों की संख्या को कम करना - तथाकथित इनलाइन-संपादन का उपयोग करके कार्यान्वित किया जाता है, जो आपको प्रोजेक्ट में अपना वर्तमान स्थान छोड़ने के बिना अन्य फ़ाइलों के संदर्भ-संवेदनशील भागों के साथ काम करने की अनुमति देता है। हॉटकी द्वारा कॉल किया जाता है (मैक ओएस के लिए पीसी / सीएमडी + ई के लिए Ctrl + E)। डेवलपर्स इस विचार का उपयोग करने वाली नई सुविधाएँ भी जोड़ते हैं, उदाहरण के लिए, "इनलाइन कलर एडिटर", "इनलाइन बेजियर टूल"।

सीएसएस इनलाइन संपादन

इनलाइन संपादन को एक ही समय में कई तत्वों के लिए कहा जा सकता है। यदि कई शैलियों को एक तत्व पर लागू किया जाता है, तो आप दाईं ओर की सूची से संबंधित तत्व का चयन करके, या गर्म कुंजियों Alt + keys, Alt + Alt का उपयोग करके उनके बीच नेविगेट कर सकते हैं।

जावास्क्रिप्ट समारोह घोषणा के लिए त्वरित पहुँच:

फिलहाल, यह मूर्त देरी के साथ काम करता है, कभी-कभी यह एक फ़ंक्शन / विधि की घोषणा नहीं पा सकता है।

इनलाइन रंग संपादक:

इनलाइन बेजियर टूल:

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

प्रलेखन के लिए त्वरित पहुँच (क्विक डॉक्स)

वास्तव में, यह ऐसी कोई नई सुविधा नहीं है, लेकिन यह पिछले एक के साथ बहुत उपयोगी और थोड़ी ओवरलैप है। कोड के साथ काम करते समय सीधे सीएसएस तत्वों पर मदद प्रदर्शित करता है (मैक ओएस के लिए पीसी / सीएमडी + के लिए Ctrl + K)। सहायता प्रणाली webplatform.org की सामग्रियों पर आधारित है।

प्रोजेक्ट फाइलों की त्वरित पहुँच (क्विक ओपन)

जब आप Ctrl / Cmd-Shift-O दबाते हैं, तो फ़ाइल को पॉप अप करने के लिए त्वरित संक्रमण के लिए एक अच्छा पैनल। आवश्यक फ़ाइल के नाम की शुरुआत दर्ज करें - हमें परिणाम मिलता है:

प्लगइन प्रबंधन

इन वर्षों में, IDE में प्लगइन्स के प्रबंधन के लिए एक मानवीय इंटरफ़ेस है, जिसे डेवलपर्स को बहुत गर्व है, और वास्तव में, वे इसके लिए बहुत सुविधाजनक हैं:

यह कहने योग्य है कि फिलहाल 120 से अधिक ऐड-ऑन पहले से ही उपलब्ध हैं, जिनमें से आप गेट के साथ एमिट , इंटीग्रेशन टूल, कोड का एक मिनी-मैप एक ला सब्लिम टेक्स्ट और कई अन्य शामिल हैं। यह भी ध्यान देने योग्य है कि उपलब्ध प्लगइन्स की संख्या लगातार बढ़ रही है। अतिरिक्त प्लग इन के साथ आईडीई देखें:

लाइव पूर्वावलोकन Node.js पर आधारित है

डिफ़ॉल्ट रूप से, लाइव पूर्वावलोकन स्थानीय Node.js सर्वर के लिए धन्यवाद काम करता है। पिछले संस्करणों में, इस फ़ंक्शन ने फ़ाइल: // के माध्यम से काम किया, जिससे बाहरी सेवाओं जैसे कि टाइपेक के एकीकरण के साथ समस्या हो सकती है।

"लाइव पूर्वावलोकन" की ख़ासियत यह है कि सीएसएस फ़ाइलों का संपादन करते समय, परिणाम परिवर्तन करने के तुरंत बाद प्रदर्शित किए जाते हैं, जब HTML और जावास्क्रिप्ट को संपादित करते हैं - केवल सहेजने के बाद (HTML फ़ाइलों के लिए "लाइव पूर्वावलोकन" जावास्क्रिप्ट के लिए पहले से ही अगले संस्करण से उपलब्ध होगा) प्लगइन जो लाइव पूर्वावलोकन को लागू करता है)। इसके अलावा, ब्रैकेट में HTML संपादित करते समय, ब्राउज़र में संबंधित संपादन योग्य तत्व हाइलाइट किया जाता है:

स्थानीयकरण

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

स्रोत कोड का फ़ॉन्ट बदलें

मेरा समाधान लालित्य के साथ नहीं चमकता है, इसलिए यदि कोई बेहतर तरीके से आता है, तो कृपया साझा करें।
विचार बहुत गूंगा है - बस फ़ॉन्ट फ़ाइलों को उस जगह से बदलें जहां सिरिलिक है। मैक ओएस एक्स और लिनक्स पर, मैंने विंडोज 7 - consolas.ttf (ऑपरेटिंग सिस्टम के साथ आपूर्ति) पर फ़ॉन्ट DejaVuSansMono.ttf (जिसे यहां डाउनलोड किया जा सकता है) को चुना। फिर मैंने इस फ़ॉन्ट को केवल ब्रैकेट संसाधन निर्देशिका में दो फ़ाइलों के साथ बदल दिया: SourceCodePro-Medium.ttf और SourceCodePro-Regular.ttf, उस फ़ॉन्ट का नाम बदलने के बाद जिसके साथ मैंने मौजूदा फोंट को Adobe से प्रतिस्थापित किया।

फ़ॉन्ट फ़ाइलें अलग ऑपरेटिंग सिस्टम में स्थित हैं, जहां पथ:

लिनक्स : / ऑप्ट / कोष्ठक / www / शैलियों / फोंट / SourceCodePro /
मैक ओएस एक्स : / एप्लीकेशन / ब्रैकेट्स / स्प्रिंट \ 29.app/Contents/www/styles/fonts/SourceCodePro/
विंडोज : C: \ Program Files (x86) \ Brackets स्प्रिंट 28 \ www \ शैलियों \ फोंट \ SourceCodePro

जिम्मेदार डिजाइन उपकरण

इस वर्ष के मई में, ली ब्रिमलो ने एक संवेदनशील डिजाइन पर काम को आसान बनाने के लिए अपने ब्लॉग पर एक होनहार प्लगइन (अभी तक उपयोगकर्ताओं के लिए उपलब्ध नहीं) के बारे में बात की थी। इस प्लगइन का सिद्धांत CSS3 मीडिया प्रश्नों के साथ काम करने के लिए एक दृश्य आधार बनाना है। सामान्य तौर पर, जैसा कि वे कहते हैं, सौ बार सुनने की तुलना में एक बार देखना बेहतर है:

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

लिनक्स समर्थन

फिलहाल, ब्रैकेट का लिनक्स संस्करण अल्फा संस्करण चरण में भी नहीं है, जैसा कि डेवलपर्स खुद कहते हैं, यह एक प्रकार का "सुपर प्रारंभिक पूर्वावलोकन" है, क्योंकि सभी बुनियादी कार्यक्षमता को लागू नहीं किया जाता है / जैसा कि इसे करना चाहिए। फिर भी, वर्तमान लिनक्स संस्करण का उपयोग काम करने के लिए किया जा सकता है (कुछ सीमाओं के साथ)।

लिनक्स सीमाएँ और लॉन्च समस्या का समाधान

लिनक्स के लिए वर्तमान संस्करण के संस्करण में कई समस्याएं हैं, सबसे महत्वपूर्ण:

कार्यक्रम का लंबा शुभारंभ;
बैकलाइट लाइव पूर्वावलोकन मोड में काम नहीं करता है;
एक्सटेंशन केवल मैन्युअल रूप से ~ /। ब्रैकेट / एक्सटेंशन / उपयोगकर्ता में स्थापित किए जा सकते हैं;
पर्यावरण में बनाई गई फ़ाइलों को सहेजना असंभव है (एक वर्कअराउंड वातावरण के बाहर फाइलें बनाने और माउस का उपयोग करके उन्हें पर्यावरण में स्थानांतरित करना है)।

इसके अलावा, कुछ सिस्टम पर, libudev.so.0 के गलत लिंक के कारण प्रोग्राम शुरू करने में समस्या हो सकती है। इस स्थिति में, आपको बस libudev.so.1 से libudev.so.0 का प्रतीकात्मक लिंक बनाना होगा। समस्या का अधिक विस्तृत समाधान यहां पाया जा सकता है ।

परिणाम

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

संदर्भ

आधिकारिक साइट , डाउनलोड पृष्ठ , ब्रैकेट के लिए प्लगइन्स
जीथब प्रोजेक्ट
टुट्स + ट्यूटोरियल वीडियो
प्रोजेक्ट बैकलॉग

PS यदि आपको पाठ में कोई गलती या अशुद्धि दिखती है, तो कृपया मुझे निजी संदेशों के माध्यम से सूचित करें।

ओपन आईडीई एडोब ब्रैकेट का अवलोकन