HTML सीखने में सबसे आसान भाषाओं में से एक है। यह जितना आसान है, उतना आकर्षक नहीं है जब आपको बिना किसी सहायता के कोड का एक पूरा गुच्छा लिखना होता है। ऐसी कई चीजें हैं जो आसानी से गलत हो सकती हैं। कहा जा रहा है कि आप अच्छे HTML संपादक का उपयोग करके अपने जीवन को आसान बना सकते हैं। हालांकि कई भुगतान और मुफ्त HTML संपादक हैं, उनमें से कई खुले स्रोत नहीं हैं। तो, यहाँ कुछ बेहतरीन, मुफ़्त और मुक्त स्रोत HTML संपादक हैं जिन्हें आपको आज़माना चाहिए।
पढ़ें:एक साधारण HTML वेबसाइट को होस्ट करने के लिए ड्रॉपबॉक्स का उपयोग कैसे करें
ओपन सोर्स एचटीएमएल एडिटर्स
1. अपताना स्टूडियो
वापस जब मैं HTML और CSS सीख रहा था, Aptana Studio मेरे पसंदीदा में से एक है क्योंकि यह मुफ़्त, खुला स्रोत और उपयोगी सुविधाओं से भरा हुआ है। यदि आप सोच रहे हैं, तो Aptana Studio आपका रन-ऑफ-द-मिल कोड संपादक नहीं है। यह एक पूर्ण विकसित आईडीई (एकीकृत विकास पर्यावरण) है जो आपको एचटीएमएल, सीएसएस और जावास्क्रिप्ट जैसे वेब मानकों के साथ खेलने देता है। इसके अतिरिक्त, आप PHP, Python और Ruby से भी निपट सकते हैं। इसके अलावा, Aptana Studio में सबसे अच्छा एकीकृत डिबगर है जिसके उपयोग से आप बग से निपटने के लिए चर का निरीक्षण कर सकते हैं, ब्रेकपॉइंट सेट कर सकते हैं, निष्पादन को नियंत्रित कर सकते हैं, आदि।
सामान्य सुविधाओं के अलावा, Aptana Studio में अंतर्निहित Git एकीकरण है। यदि आपके पास पहले से ही एक वेबसाइट है, तो आप एफ़टीपी, एसएफटीपी और एफटीपीएस प्रोटोकॉल का उपयोग करके सेटअप को सिंक करने, अपलोड करने और फाइल डाउनलोड करने के लिए शामिल परिनियोजन विज़ार्ड का उपयोग कर सकते हैं। रूबी के साथ काम करते समय, आप अपने अनुप्रयोगों को स्वचालित रूप से प्रकाशित करने के लिए उसी परिनियोजन विज़ार्ड का उपयोग कर सकते हैं।
Aptana Studio की अन्य विशेषताओं में सभी प्रमुख ब्राउज़रों के लिए समर्थन, अंतर्निर्मित टर्मिनल, लेआउट और उपयोगकर्ता इंटरफ़ेस अनुकूलन, ढूँढ़ें और बदलें, एक-क्लिक ब्राउज़र पूर्वावलोकन, विस्तृत दस्तावेज़ीकरण आदि शामिल हैं, लेकिन इन्हीं तक सीमित नहीं है।
यदि आप बहुत सारे HTML, CSS और Javascript से निपटते हैं तो आपको Aptana Studio को अवश्य आज़माना चाहिए। यह निश्चित रूप से मेरे पसंदीदा ओपन सोर्स जावास्क्रिप्ट संपादक में से एक है।
मंच का समर्थन: Aptana Studio विंडोज, मैकओएस और लिनक्स को सपोर्ट करता है।
कीमत: नि: शुल्क।
2. नोटपैड++
नोटपैड ++ सबसे लोकप्रिय कोड संपादकों में से एक है जो न केवल मुफ़्त है बल्कि ओपन सोर्स भी है। हालाँकि Notepad++, Aptana Studio की तरह IDE नहीं है, लेकिन यह एक समर्पित सोर्स कोड एडिटर है जिसमें वे सभी घंटियाँ और सीटी हैं जिनकी आपको कभी आवश्यकता होगी। उपयोगकर्ता इंटरफ़ेस पुराना दिखता है, लेकिन अधिकांश उपयोगकर्ता नोटपैड ++ द्वारा शपथ लेते हैं, इसकी विशेषताओं और तृतीय-पक्ष प्लगइन्स के समर्थन के लिए धन्यवाद। उल्लेख नहीं है, नोटपैड ++ हल्का है और इसके लिए अधिक सिस्टम संसाधनों की आवश्यकता नहीं है। वास्तव में, यदि आप अभी तक कोई अन्य सॉफ़्टवेयर स्थापित नहीं करना चाहते हैं, तो आप पोर्टेबल प्रारूप में नोटपैड ++ डाउनलोड कर सकते हैं।
जाहिर है, एक पूर्ण स्रोत कोड संपादक होने के नाते, इसमें सिंटैक्स हाइलाइटिंग, सिंटैक्स फोल्डिंग और स्वतः पूर्णता है। सबसे बढ़कर, यह केवल HTML, CSS और जावास्क्रिप्ट ही नहीं, भाषाओं की एक विस्तृत श्रृंखला का समर्थन करता है।
पढ़ें:उत्पादकता बढ़ाने के लिए विंडोज़ के लिए सर्वश्रेष्ठ नोट्स ऐप
नोटपैड ++ की अन्य विशेषताओं में मल्टी-व्यू, सपोर्ट टैब, वर्टिकल टैब के लिए सपोर्ट, नोटपैड ++ को अलग-अलग तर्कों के साथ लॉन्च करने की क्षमता, रेगक्स के लिए सपोर्ट, फाइल जूम इन और जूम आउट, बुकमार्क, फाइंड एंड रिप्लेस आदि शामिल हैं। सभी सुविधाओं में से, नोटपैड ++ एक बहुत बढ़िया मैक्रो रिकॉर्डिंग और प्लेबैक कार्यक्षमता है ताकि आप दोहराए गए कार्यों को आसानी से स्वचालित कर सकें।
यदि आप एक पूर्ण HTML IDE नहीं चाहते हैं और एक हल्के और खुले स्रोत विकल्प की तलाश कर रहे हैं जो HTML दस्तावेज़ों के निर्माण और प्रबंधन में आपका मार्गदर्शन और सहायता कर सके तो Notepad++ आपके लिए है।
मंच का समर्थन: केवल विंडोज़ (यह वाइन में चल सकता है)
कीमत: नि: शुल्क।
3. विजुअल स्टूडियो कोड
विजुअल स्टूडियो कोड मेरा पसंदीदा कोड संपादक है। मैं इसे नियमित रूप से HTML, CSS, Javascript, PHP और Python फ़ाइलों को लिखने और प्रबंधित करने के लिए उपयोग करता हूं। विजुअल स्टूडियो कोड मुझे वास्तव में पसंद आने के कुछ कारण यह है कि यह तेज़ और हल्का है। सबसे बढ़कर, यह न केवल अच्छा दिखता है बल्कि विभिन्न एक्सटेंशन को खोजना, इंस्टॉल करना और अनइंस्टॉल करना भी आसान बनाता है। आपको बस एक ही बटन पर क्लिक करना है।
विजुअल स्टूडियो कोड में एक अंतर्निहित सुविधा है जिसे IntelliSense कहा जाता है जो विभिन्न प्रकार की चीजों जैसे तत्वों, चर, कार्यों आदि के लिए सिंटैक्स हाइलाइटिंग और स्मार्ट ऑटो-पूर्णता प्रदान करता है। हालांकि विजुअल स्टूडियो कोड मुख्य रूप से एक स्रोत कोड संपादक है, लेकिन इसमें एक अंतर्निहित- डीबगर में बग से प्रभावी ढंग से निपटने के लिए। इसके अलावा, विजुअल स्टूडियो कोड में उचित गिट एकीकरण है और यह फाइलों को मंचित करना, कमिट करना और जरूरत पड़ने पर समीक्षा करना संभव बनाता है।
अन्य कोड संपादकों के विपरीत, विजुअल स्टूडियो कोड में एम्मेट बिल्ट-इन है। यह शक्तिशाली एम्मेट एचटीएमएल और सीएसएस संक्षेपों का उपयोग करना और गतिशील स्निपेट बनाना आसान बनाता है। मेरा विश्वास करो, यदि आप बहुत सारे HTML से निपटते हैं, तो एम्मेट आपके जीवन को आसान बना देगा। आप यहां से एम्मेट संक्षिप्ताक्षरों के बारे में अधिक जान सकते हैं।
प्लेटफार्म: विजुअल स्टूडियो कोड विंडोज, मैकओएस और लिनक्स को सपोर्ट करता है।
कीमत: नि: शुल्क।
4. परमाणु संपादक
एटम को GitHub के पीछे उन्हीं लोगों द्वारा विकसित किया गया है और खुद को a . के रूप में पेश करता है हैक करने योग्य टेक्स्ट एडिटर. विजुअल स्टूडियो कोड की तरह, एटम एक पूर्ण विकसित आईडीई के बजाय एक स्रोत कोड संपादक है। कहा जा रहा है, आप बिल्ट-इन पैकेज मैनेजर का उपयोग करके एटम आईडीई यूआई पैकेज को स्थापित करके, दस्तावेज़ स्वरूपण, निदान, रूपरेखा दृश्य, गो टू, होवर टू रेवेल, आदि जैसी आईडीई कार्यक्षमता प्राप्त कर सकते हैं।
एटम की अन्य विशेषताओं में Regx के लिए समर्थन, शक्तिशाली खोज और प्रतिस्थापन कार्यक्षमता, सिंटैक्स हाइलाइटिंग, कोड फोल्डिंग, ऑटो-पूर्णता, समर्थन प्लगइन्स, गिट और गिटहब एकीकरण, अंतर्निहित पैकेज प्रबंधक, फ़ाइल सिस्टम ब्राउज़र, तुलना करने की क्षमता शामिल है, लेकिन यह इन्हीं तक सीमित नहीं है। और कई पैन का उपयोग करके कई फाइलों में कोड संपादित करें, थीम बदलकर यूआई के रंगरूप को अनुकूलित करने की क्षमता और सीएसएस/कम, एचटीएमएल और जावास्क्रिप्ट का उपयोग करके विभिन्न तत्वों को संशोधित करें।
सबसे बढ़कर, एटम टेलेटाइप नामक एक भयानक सुविधा का समर्थन करता है जो आपको वास्तविक समय में अन्य डेवलपर्स के साथ सहयोग करने देता है। आपको बस इतना करना है कि बिल्ट-इन पैकेज मैनेजर का उपयोग करके टेलेटाइप पैकेज स्थापित करें और आप जाने के लिए अच्छे हैं।
यदि आप गिट और गिटहब के साथ काम करते हैं और ठोस एकीकरण के साथ कोड संपादक की तलाश में हैं तो एटम आपके लिए है। हालांकि, याद रखें, इस सूची के अन्य संपादकों की तुलना में, एटम स्टार्टअप के लिए बहुत धीमा है, जो एक बड़ा है और इसमें अपेक्षाकृत उच्च मेमोरी उपयोग है।
मंच का समर्थन: एटम विंडोज, मैक और लिनक्स को सपोर्ट करता है।
कीमत: नि: शुल्क।
5. कोष्ठक
यदि आप एक अच्छे और शक्तिशाली टूल की तलाश में हैं जो आपके वेब डिजाइनिंग और फ्रंट-एंड डेवलपमेंट को पूरा करता है तो ब्रैकेट आपके लिए है। वेब डेवलपर्स के लिए जीवन को आसान बनाने के लिए ब्रैकेट तैयार किए गए हैं। मैंने कुछ समय के लिए ब्रैकेट का उपयोग किया है और मुझ पर विश्वास करें, यह HTML, CSS और जावास्क्रिप्ट को लिखना और प्रबंधित करना वास्तव में आसान बनाता है।
ब्रैकेट की मेरी पसंदीदा विशेषता में से एक लाइव अपडेट है। मतलब, यह स्वचालित रूप से ब्राउज़र को रीफ्रेश करेगा और ब्राउज़र में खुली फ़ाइल के नवीनतम सहेजे गए संस्करण को लोड करेगा।
ब्रैकेट में वे सभी नियमित सुविधाएँ हैं जिनकी आप एक अच्छे कोड संपादक से अपेक्षा करते हैं। उनमें से कुछ में फाइंड एंड रिप्लेस, क्विक एडिट, जेएसलिंट, लेस और एससीएसएस के लिए सपोर्ट, वर्टिकल और हॉरिजॉन्टल स्प्लिट व्यू, थीसस इंटीग्रेशन, लाइव प्रीव्यू, जेएस रिफैक्टरिंग, ट्राई एंड कैच के लिए रैप सिलेक्शन, सिंगल के साथ गेटर और सेटर्स बनाने की क्षमता शामिल है। क्लिक करें, आदि
सभी सुविधाओं में, इनलाइन संपादन के लिए समर्थन सबसे अच्छा है। मान लें कि आप एक विशिष्ट सीएसएस आईडी संपादित करना चाहते हैं, बस एक कीबोर्ड शॉर्टकट दबाएं और ब्रैकेट सभी सीएसएस चयनकर्ताओं को एक ही आईडी के साथ संपादन को आसान बनाने के लिए दिखाएगा।
अन्य कोड संपादकों की तरह, ब्रैकेट्स में एक अंतर्निहित गिट एकीकरण है और यह एम्मेट्स, ब्यूटिफाई, ऑटोप्रिफ़िक्सर, डब्ल्यू 3 सत्यापन, आदि जैसे कई प्रकार के एक्सटेंशन का समर्थन करता है।
मंच का समर्थन: ब्रैकेट विंडोज, मैक और लिनक्स का समर्थन करता है।
कीमत: नि: शुल्क।
अगर आपको लगता है कि मैंने आपके किसी पसंदीदा ओपन सोर्स एचटीएमएल संपादक को याद किया है तो नीचे टिप्पणी करें और उन्हें मेरे साथ साझा करें।
यह भी पढ़ें:विंडोज के लिए बेस्ट टेक्स्ट एक्सपैंडर एप्स (फ्री और पेड)
