Her web tasarımcısı ve kodlayıcı, HTML, CSS ve JavaScript kodu oluşturmak ve düzenlemek için iyi bir web sayfası düzenleyicisine ihtiyaç duyar. Not Defteri (Windows) ve TextEdit (Mac), başlamanıza yardımcı olacak harika araçlardır, ancak daha fazla deneyim kazandıkça daha sağlam ve kullanışlı bir araç kullanmak isteyeceksiniz.

Aralarından seçim yapabileceğiniz yüzlerce harika editör var, ancak bunların çoğu ücretli. Ve telif hakkını ihlal etmek istemiyorsanız ve bütçenin ticari bir ürün satın almak için parası yoksa? Bu makale bazı harika ücretsiz editörleri araştırıyor.

• WYSIWYG editörleri. Bunlar, iyi bilinen MS Word kelime işlemcisinde olduğu gibi, bir sayfa düzeni oluşturmanıza ve stilleri görsel olarak ayarlamanıza izin veren grafik düzenleyicilerdir. Sayfa tasarımları oluşturmak için kullanışlı bir araçtır, ancak her deneyimli web tasarımcısının bildiği gibi, harika bir sonuç elde etmek için kodun yine de ayarlanması gerekecektir.
• Metin editörleri. HTML ve CSS kodunu doğrudan düzenlemek için bir araçtır. Bazı editörler genel amaçlıdır ve web kodunu desteklemek için özel seçeneklere sahip değildir. Diğerleri HTML, CSS, JavaScript ve PHP gibi web dillerini kullanmak için uzmanlaşmıştır ve HTML etiketlerini, CSS özelliklerini vb. hızlı bir şekilde girmek için yerleşik özelliklere sahiptir. Bu düzenleyicilerin çoğu, bir web sayfasını ayrı bir pencerede görüntülemenize izin verir.

KompoZer (Windows, Mac, Linux)

Sıkı bir bütçeyle görsel bir editöre ihtiyacınız varsa KompoZer harika bir seçimdir.

Komodo Edit iyi bir editör, öğrenmesi kolay, ancak güçlü ve genişletilebilir

Genel amaçlı bir düzenleyici olmasına rağmen, HTML ve CSS'yi destekler ve HTML etiketleri ve CSS özellikleri için bağlamsal otomatik tamamlama özelliğinin yanı sıra çeşitli HTML öğeleri için bir kod ekleri koleksiyonuna sahiptir. Komodo'dan en iyi şekilde yararlanmak için otomatik etiket kapatma, CSS önizleme ve geçici metin oluşturucu gibi harika özellikler içeren HTML Araç Takımı uzantısını yüklemeniz gerekir.

Komodo Edit, düzenlenen sayfaları herhangi bir kurulu tarayıcıda görüntülemenize veya yerleşik tarayıcıyı ayrı bir pencerede kullanmanıza olanak tanır, böylece aynı anda düzenleyebilir ve değişikliklerin sonucunu görebilirsiniz.

Düzenleyici, siteye dosya yüklemek için yerleşik bir işleve sahiptir (FTP, FTPS, SFTP veya SCP) ve ayrıca proje yöneticisi seçeneğini kullanarak dosyalarınızı güzel bir şekilde gruplayabilirsiniz.

Çok kullanışlı özellik Kod> Blok Seç... Şu anda kapalı olan div veya ul öğesi gibi mevcut ana HTML bloğunu vurgular. Kopyalamak veya taşımak için bir sayfadaki tüm bölümü seçmeniz gerektiğinde çok kullanışlı bir işlev.

Komodo Edit, bul / değiştir için normal ifadeler kullanma, harici komutları yürütme yeteneği vb. gibi birçok güçlü ve kullanışlı özelliğe sahiptir. Neyse ki editör ayrıca Komodo Edit'in tüm gücünde ustalaşmayı kolaylaştıran iyi bir yardım sistemine de sahip.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio, çok çeşitli eklentilere sahip eksiksiz bir entegre web uygulaması geliştirme ortamıdır. Yalnızca HTML/CSS/JavaScript kod düzenleyicisi olarak kullanabilmenize rağmen

Notepad ++, Windows'tan Notepad için harika bir alternatiftir. Diğer düzenleyicilerle aynı seçeneklere sahip olmasa da HTML, CSS, JavaScript ve diğer kod dosyalarını düzenlemek için harikadır.

PSPad, HTML ve CSS kodlayıcıları için kullanışlı birçok özelliğe sahip, Windows için başka bir genel amaçlı düzenleyicidir.

jEdit, güçlü makro komutu ve eklenti özelliklerine sahip bir çapraz platform metin düzenleyicisidir. Web sayfalarını düzenlemeniz gerekiyorsa XML eklentisini yükleyin

TextWrangler, hafif bir genel amaçlı düzenleyicidir. Web geliştirme için özel özelliklerin olmamasına rağmen, web sayfalarıyla çalışmak için kullanılabilir.

Vim'i öğrenmesi kesinlikle zor ama üstesinden gelirseniz asla geri dönmek istemeyeceksiniz!

Programcılar için metin editörlerinin dedesi Vim (vi editörünün doğrudan soyundan gelen) bir açık kaynak, konsol metin editörüdür. Varsayılan düzenleyici tarafından Linux ve Mac OS X dahil olmak üzere neredeyse tüm Unix türlerine yüklenir. Düzenleyici ayrıca Windows ve diğer birçok sistemde kullanılabilir.

Vim, hiç uğraşmadan hemen kurabileceğiniz ve kullanmaya başlayabileceğiniz bir sistem değil. Çoğu düzenleme komutu, wq ve / gibi tek kombinasyonları içerir. Ayrıca üç düzenleme modu vardır: mod ekler metnin girildiği yer; görsel metin seçme modu; ve emretmek komutları girme modu. Bu işlevsellik, pencerelerin veya farelerin olmadığı günlerden kalma bir Unix mirasıdır.

Neden listeye girdi? Bir kez ustalaştığınızda, hızına ve gücüne ikna olacaksınız. Birkaç komutla, diğer editörlerde dakikalarca sürebilen bir şeyi saniyeler içinde yapabilirsiniz.

Sözdizimi vurgulama, otomatik tamamlama, HTML Tidy ve tarayıcı önizleme dahil olmak üzere HTML, CSS ve JavaScript koduyla çalışmayı kolaylaştıran çok sayıda Vim makrosu ve eklentisi vardır. İşte yararlı bağlantıların geniş bir listesi:

• Vim Omni otomatik tamamlama
• Vim'de HTML / XHTML düzenleme
• ana sayfa

Fraise (Mac)

Fraise, web düzenleme için yeterli özelliklere sahip, Mac için sezgisel bir düzenleyicidir

TextWrangler ve gedit gibi, Fraise de kullanımı zevkli harika bir hafif editördür. Editörden bir çataldır. Nispeten yenidir ve uygun bir web sunucusuna sahip değildir. Şu anda yalnızca Mac OS X 10.6'da (Snow Leopard) desteklenmektedir, yani 10.5 sürümünü kullanıyorsanız Smultron'u indirmeniz gerekecektir.

Fraise'de harika web düzenleme seçenekleri var:

• HTML, CSS, JavaScript, PHP ve diğer birçok programlama dili için kod vurgulama.
• Geçerli etiketi kapatmak için Etiketi Kapat (Command-T). Bu, listelere girerken gerçekten zaman kazandırır.
• Çok uygun Canlı Güncelleme seçeneği ile yerleşik tarayıcı (WebKit kullanarak) ile kullanışlı önizleme? bu, düzenlenen sayfada işaretleme ve CSS değiştiğinde tarayıcıyı yeniler.
• Normal ifadeler kullanarak aramayı / değiştirmeyi destekleyen Gelişmiş Bul seçeneği.
• HTML etiketlerinin ve CSS özelliklerinin hızlı girişi için blok desteği.
• HTML'yi doğrulama ve karakterleri HTML öğelerine dönüştürme gibi metni işlemek için bazı kullanışlı komutlar.

Bir Mac kullanıyorsanız ve yerleşik TextEdit'ten daha fazla özelliğe sahip kullanışlı bir düzenleyici istiyorsanız, Fraise keşfetmeye değer.

sorumluluk reddi

BT alanında bir tür süper argüman sunacak kadar genç ve deneyimsizim, bu nedenle aşağıda listelenen her şey kişisel olarak benim öznel düşüncelerim ve akıl yürütmem olacak. Birisi benimle aynı fikirde değilse, sadece tartışmayı desteklemekten ve tüm bunları yorumlarda tartışmaktan mutluluk duyacağım.

Şimdi Windows üzerinde çalışıyorum, gelecekte muhtemelen Mac OS'ye geçeceğim, bu yüzden bir metin editörü / IDE seçerken hemen çapraz platform üzerinde durdum. Burada listeleyeceğimden biraz daha fazla seçenek düşündüm çünkü sadece en tanıdık olanları vurgulamaya karar verdim. Listelenen yazılım ürünlerinin farklı taraflarındaki görünümü kısaca açıklamaya çalışacağım.

Standart görevler

Standart görevlerle, önemsiz yerleşim görevlerini kastediyorum, yani. HTML, CSS, JavaScript olabilir. Her yerde olan şeyleri vurgulamayacağım, örneğin: renk temalarının değiştirilmesi, proje klasörünün kontrol sistemi vb.

ASP.NET ve node.js uygulamaları için mükemmel bir editör. Ünlü IntelliSense, referans olarak sınıflar ve nesnelerle çalışma yeteneği. Her şey Microsoft tarzında. Yerleşik bir hata ayıklayıcı var. yani istiyorum vurgulamak bu bence Windows dışındaki .NET geliştiricileri için MonoDevelop (yani Visual Studio) için harika bir alternatif.

Editör hala geliştirilme aşamasındadır, ancak bunun Microsoft olduğu düşünüldüğünde çalışmalar hızla yapılmaktadır.

Sonuç

Yukarıdakileri özetleyerek, seçimimi yaptım. Benimle aynı kriterlere bağlı kalmak zorunda değilsin. Makaleye yapılan yorumlardaki her şeyi tartışmaktan memnuniyet duyacağım.

Dikkatiniz için teşekkürler!

Blog dalgalarında merhaba arkadaşlar, Yeni Yıl tatilinden sonra site yeni ilginç bilgilerle memnun etmek için yeni yayınlara döndü. Bu yazıda kod düzenlemek için en popüler programlardan bir seçki vereceğim (html, css, js, php). Her şeyden önce, programın bir parçası olarak vurgulanan sözdizimi, hazır snippet'ler ve diğer güzelliklerle rahat çalışacak geliştiricilere (kodlayıcılara) odaklanıyorum. En iyi html metin düzenleyicisini tanımlayalım.

Html editörleri listesine geçmeden önce hangi kod editörünü kullandığınıza dair yorumlarda fikirlerinizi almak isterim. Her geliştirici, alışkın olduğu kendi aracıyla rahattır ve şu veya bu ürün lehine daha az tartışma olmasını isterim. Ve eğer tartışmaya karar verirseniz, kullandığınız program hakkında makul bir şekilde konuşmanızı rica ediyorum.

Umarım herkes ücretli bir ürünü nereden alabileceğinizi hatırlar! Sadece şşş, sana söylemedim =)

1. Not Defteri ++

Çok çeşitli programlama dilleri ve işaretleme için sözdizimi vurgulamalı, Windows için ücretsiz açık kaynaklı metin düzenleyici. 100'den fazla farklı formatı açmayı destekler. Belgeleri hızlı bir şekilde düzenlemek için popüler bir hafif düzenleyici, onu anında küçük kod bölümlerini düzenlemek için kullanıyorum.

Olasılıklar:

• Sözdizimi vurgulama
• Kod katlama, genişletilebilir simge
• Kelimelerin ve ifadelerin otomatik olarak tamamlanması ve parantezlerin ve etiketlerin otomatik olarak kapatılması (ayarlarda etkindir)
• Çeşitli belgeler için yer imleri
• Bul ve değiştir için normal ifadeler
• Makroların kaydedilmesi ve oynatılması (belirli kullanıcı eylemlerinin tekrarı)
• Dosyaları karşılaştırın
• Proje Müdürü
• Belge haritası
• Herhangi bir kısayol tuşunu geçersiz kılma
• Kaydedilen dosyaları yedekleme (ayarlarda etkin)
• Bağlı eklenti TextFX'i kullanarak metni dönüştürme
• ANSI, UTF-8 ve UCS-2 kodlamalarının desteklenmesi ve dönüştürülmesi

Merhaba blog sitesinin sevgili okuyucuları. Çok uzun zamandır harika bir ücretsiz editör hakkında yazmak istedim (bağlantı, Rusça dil desteği ile en son sürümü indirebileceğiniz resmi web sitesine yönlendiriyor).

Uzun yıllardır Html, CSS ve PHP kodunu düzenlemek için en çok talep edilen ve kullanılan programlardan biri olmuştur. Hatta şaşırdım: “Daha önce onsuz nasıl yaptım, potansiyelini başka programların yardımıyla fark ettim?”.

Artık bilgisayarımda aynı anda çalışan birkaç tarayıcım var, çok basit, ücretsiz ve kullanışlı bir FTP yöneticisi FileZilla ve yetenekleri Windows'ta varsayılan olarak kullanılan dizüstü bilgisayarla kıyaslanamaz olan bu düzenleyici. Ama önce ilk şeyler.

Notepad ++ düzenleyicisinin indirilmesi ve özellikleri

Programın Windows'a kurulumu tamamen normal bir şekilde gerçekleştirilir. Dilerseniz siz de yapabilirsiniz Notepad ++ Portable'ı indirin temsil eden taşınabilir sürüm işletim sisteminde kurulum gerektirmeyen bu düzenleyici.

Taşınabilir sürüm, programla birlikte herhangi bir uygun yere arşivi açarsanız ve yürütülebilir dosya notepad.exe'yi çalıştırırsanız, normal sürümden elde edilebilir.

Notepad ++ editörünün tüm artıları

Aslında, Windows'ta yerleşik olan dizüstü bilgisayar, kahramanımızdan cennet ve dünya ile aynı şekilde farklıdır. Klasik bir not defterinde, en basit metin dosyalarını görüntüleme ve oluşturma yeteneğinden başka bir şey yoktur (geliştirmenin ilk aşamalarında insanlar tarafından kullanılan bir kazma çubuğuna benzer bir şey ortaya çıkıyor).

Notepad'i en azından Html ve CSS dosyalarını ayarlamak için iki avantajla kullanmaya başladığınızda, Taş Devri'nden hemen modern bir hafriyat makinesinin kabinine gireceksiniz. Elbette başka alternatif programlar da var ve hatta, ancak yeni başlayanlar için "iki artı içeren bir not defteri" çok şey olacak (IMHO).

Evet, elbette, kullanımı ilk bakışta karmaşık ve alışılmadık görünebilir. Ancak bu sadece tanışmanın en başındadır ve o zaman onsuz yapmak sizin için zor olacaktır, örneğin birçok bilgisayar kullanıcısı hayatlarını hayal etmez (ayrıca bir tür "klasik").

Notepad ++ 'ı Dreamweaver gibi çeşitli kodları yazmayı ve düzenlemeyi kolaylaştırmak için tasarlanmış daha karmaşık programlarla karşılaştırırsak, kahramanımızı kullanmak için epeyce argüman vardır:

1. Başta, tamamen ücretsizdir Bu, ücretli programların saldırıya uğramış sürümlerini (Truva atları ve diğer virüsler için üreme alanı olabilir) hesaba katmazsanız, Dreamweaver yerine onu kullanarak çok tasarruf edebileceğiniz anlamına gelir.
2. İkincisi, Not Defteri çok daha fazlası hafif ve hızlıücretli editörlerin çoğundan daha fazla. Ek olarak, Windows işletim sistemine hiç kurmadan (taşınabilir sürüm - taşınabilir olarak adlandırılır) kullanmak ve örneğin taşımak mümkündür. Sonuç olarak, Html, PHP ve birkaç düzine başka kod türüyle çalışmak için her zaman kullanışlı, işlevsel ve iyi anlaşılmış bir araca sahip olacaksınız.

Bu düzenleyici neden indirilmeye değer?

Yeteneklerini ve özelliklerini kısaca gözden geçirelim ve ardından bunları daha ayrıntılı olarak ele almaya çalışalım. Böylece Notepad ++ şunları yapabilir:

1. Ada, Assembler, C, C #, C ++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python gibi en popüler birkaç düzine programlama ve işaretleme dilini vurgulayın, Ruby, SQL, XML.

Bütün bu diller için sözdizimi vurgulama, kodu, eksi üzerine tıklayarak daraltılabilen ve artı üzerine tıklayarak genişletilebilen satırlara ve bloklara bölme. Ayrıca noktalı çizgi, öğeler arasındaki ilişkiyi gösterebilir. Örnek olarak, bu düzenleyicinin yeteneklerini göstermek için bir PHP kodu parçası aldım:



Açılış Html etiketine tıklarsanız, mavi bir arka plan ile vurgulanacak ve aynı zamanda varsa kapanış etiketi de vurgulanacaktır. Kapatılmamış öğeleri bulmak için harika ve.

2. İçinde uygulamak çok kolay kodlamayı değiştir, örneğin, Rus dilinin kodlamalarında krakozyabralara karşı mücadeleye ayrılmış bir makalede bahsettiğim şu anda popüler olana (bağlantıya bakın).
   
   
3. Notepad ++ kullandığından, bir program penceresinde düzenlemek için istediğiniz kadar dosya açabilirsiniz. sekmeler modern tarayıcılarda zaten alışık olduğunuz şekilde.

   

   Her sekmedeki disket rengi, araç çubuğunda benzer bir disket kullanarak yapılan son değişiklikleri kaydedip kaydetmediğinizi gösterir. Aktif sekmede, kırmızı disket (ve aktif olmayan - mor üzerinde) unutkanlığınızı gösterir.

4. Bu düzenleyici ile bakım yapabilirsiniz. Arama(Ctrl + F) hem içinde açılan belge için hem de belirli bir klasörde bulunan bir dizi metin dosyası için. Değiştirmelerle arama yapmak ve normal ifadeler kullanmak mümkündür. İnanılmaz kullanışlı bir araç.
   
   
5. Bu düzenleyicinin ayarlarında, açılış etiketini yazarken kapanış Html etiketinin otomatik reçetesini ve ayrıca etiketlerin otomatik olarak tamamlanması seçeneğini etkinleştirebilirsiniz.
6. Notepad ++, yalnızca tüm değişikliklerinizin geçmişini tutmakla kalmaz ve istediğiniz kadar adım geri almanıza veya geri gitmenize izin vermekle kalmaz, aynı zamanda bu belgelerin kopyalarını Microsoft Word tarzında yedekler.
7. Bu editör kontrol etme yeteneğine sahiptir. kısayol tuşları, içinde çok çeşitli ayarlanmış - üst menüden "Seçenekler" - "Kısayol tuşları". Ayrıca, ilgilendiğiniz kombinasyona çift tıkladığınızda, başka bir editörden Not Defteri'ne geçiş yapanlar için uygun olabilecek bir tuş atama penceresi açılacaktır.
   
   
8. Varlığının yıllar boyunca not defteri bir ton eklenti var, bazıları varsayılan olarak onunla birlikte yüklenir ve geri kalanı "Eklentiler" - "Plagin Yöneticisi" - "Plagin Yöneticisini Göster" üst menüsünden size sunulacaktır.

   

   Yüklemek için ilk sekmede eklentinin yanındaki kutuyu işaretlemeniz ve "Yükle" düğmesine tıklamanız yeterlidir.

   
   

   Bundan sonra, editör penceresi yeniden yüklenecek ve yeni eklenti aynı adı taşıyan sekmede mevcut olacak:

   

   

9. Bu "İsviçre bıçağı" ayrıca FTP aracılığıyla web sitenize bağlanabilir, makroları kaydedebilir ve oynatabilir, anında yazım denetimi yapabilir, açık pencerelerde iki dosyayı karşılaştırabilir ve çok, çok daha fazlasını yapabilir.

Notepad ++'da başka neye ihtiyacınız olabilir?

1. Notepad ++'daki sözdizimi vurgulaması sayesinde, örneğin koddaki tüm Html etiketlerinin kapalı olup olmadığını kontrol etmek çok kolaydır ve minimum deneyimle, zaten sahip olduğunuzu görsel olarak işaretleyeceksiniz. bir yerde bir hata oldu, çünkü bu yerdeki kodun renk şeması değişecektir.
2. Ayrıca, kodun renkli olarak vurgulanması ve makalelerimin normal metninin siyah kalması nedeniyle, sürekli dilbilgisi düzelticimin (sevgili karım) içindeki dilbilgisini kontrol etmesi çok uygundur. Hayır, elbette, çeşitli olanları da kullanıyorum, ancak hiçbiri noktalama işaretlerini ve anlamsal hataları da kontrol edemiyor.
3. Ayrıca () () gibi parantezleri vurgulayarak bu metin düzenleyicide tek tek kod bloklarını görsel olarak görüntüleme yeteneğini de gerçekten seviyorum. Fare imleci herhangi bir parantez arasında olduğunda, sanki bir Html veya PHP kodu bloğunun başı ve sonu vurgulanıyormuş gibi vurgulanırlar.
4. Arka ışığın mükemmel uygulanmasına ek olarak, olasılığı ayrı olarak not edilmelidir. bir adım geri at(önceki işlemi geri alın). Ayrıca, geri adım sayısı sınırlı değildir, bu da geri dönüşü olmayan sonuçlar riski olmadan kodu denemekten korkmamanızı sağlar.

   

   Notepad ++'da bir eylemi geri almak Ctrl + Z kısayol tuşlarını kullanarak (Ctrl + Y ileri bir adımdır, yani geri alma işlemini geri almaktır), ilgili "Düzenle" menü öğelerini kullanarak veya kavisli oklar şeklindeki düğmeleri kullanarak mümkündür. bu düzenleyicinin araç çubuğunda.

5. Notepad ++, içinde açık olan belgelerin durumunu sürekli olarak izler ve örneğin başka bir programda değiştirilirse veya silinirse, bu sekmeyi belgeyle kapatma veya değiştirilmiş sürümünü yeniden yükleme önerisi olan bir pencere gösterilecektir. .
6. Daha önce de belirttiğim gibi, iki artı not defteri seçeneği vardır sözdizimi vurgulama ayarları(bir düzine başka dilin yanı sıra) zevkinize ve ihtiyaçlarınıza uygun, ancak varsayılan ayarlar iyi olduğu için bu seçeneği hiç kullanmadım.

   

   Ancak hiç kimse sizi rahatsız etmiyor, çünkü her şey son derece basit - üst menüden "Seçenekler" - "Stilleri tanımla" seçeneklerini seçin, bunun sonucunda yazı tiplerini ve renkleri ince ayar yapabileceğiniz bir pencere açılacaktır. Html, PHP veya ihtiyacınız olan diğer herhangi bir dili vurgulamak için.

Ayrıca Notepad ++'da bir olasılık var otomatik tamamlama Html, PHP veya başka herhangi bir kodda şu veya bu operatörün yazılışının doğruluğundan emin değilseniz çok kullanışlı olabilecek yazdığınız kelime. Bunu yapmak için yazarken Ctrl-Space tuş kombinasyonuna basmanız ve açılan pencereden istediğiniz seçeneği seçmeniz yeterlidir:



Kısayol tuşlarını kullanmadan kodun otomatik olarak tamamlanmasını istiyorsanız, o zaman üst menüden "Seçenekler" - "Ayarlar" arasından seçim yapmanız ve "Ayır / Otomatik tamamlama" sekmesinde kutuyu işaretlemeniz gerekir " Her giriş için etkinleştir".

7. Bu düzenleyicide bana oldukça uygun görünen başka bir gadget, belge kısayollarını doğrudan program penceresine sürükleyerek onları açma yeteneğidir (ancak bu kimseyi şaşırtmayabilir) ve olasılıktır. Sürükle ve bırak belgenin kendisinde, vurgulanan kod parçacığını (farenin sol tuşuyla) ihtiyacınız olan yere.
8. Notepad ++ ile çalışırken, seçeneğiniz olacak işaretçi koymak, içinde notlar denir, ancak özü bundan değişmez. İhtiyacınız olan satırda, fareyi tıklayarak sol kenar boşluğuna mavi nokta şeklinde bir işaretçi yerleştirebilirsiniz.

   

   Editörde bir işaretçi (notlar) ayarlamak için Ctrl-F2 klavye kısayolunu da kullanabilirsiniz ve belgede ayarlanan işaretçiler arasında geçiş yapmak için notlar arasında gezinmek için F2 veya Shift-F2'ye sırayla basmanız yeterli olacaktır. ters yönde.

9. Bu düzenleyicide bir Html dosyasıyla çalışıyorsanız, şunları görebilirsiniz: kodunuz tarayıcıda nasıl görünecek Uygun menü öğelerini "Başlat" seçerek FireFox veya IE. Başka bir tarayıcıya ihtiyacınız varsa, en üstteki "Başlat" öğesini seçin ve açılan pencerede ihtiyacınız olan yürütülebilir dosyayı bulun.

   

10. Ayrıca mevcut makro kaydetme özelliği henüz oluşturmadığım, ancak çalışmalarının mantığı oldukça basit. İlk önce editör menüsünden "Makrolar" - "Kaydı başlat" öğelerini seçerek kaydedersiniz ve ardından kaydedilen makroları editör menüsünden seçerek veya kendilerine atanan kısayol tuşlarını kullanarak kodda istediğiniz yere yerleştirirsiniz. .

Notepad ++ düzenleyici penceresindeki kodlamalar ve dosyalarla çalışma

1. Bu kod düzenleyicinin Html, PHP ve diğer dosyaları kaydetmenize ve UTF-8 (BOM yok) kodlamasına dönüştürmenize izin verdiğine dikkat edilmelidir. Bu, çeşitli sitelerle çalışırken Rusça kodlamayla ilgili sorunun üstesinden gelmeme bir kereden fazla yardımcı oldu.

   Sitedeki herhangi bir yazıyı Rusça olarak değiştirmek istediğimde, genellikle orijinal dosyanın kaydedildiği Windows-1251 kodlamasının nedeni olan krakozyabras ile karşılaştım.

   Orijinal dosya dönüştürüldükten sonra UTF-8 kodlaması (BOM yok), krakozyabry başarıyla sıradan Rus sembollerine dönüştü. O. Kiril alfabesini herhangi bir motor dosyasına eklerseniz, sitede doğru görüntülenmesi için onu hemen doğru kodlamaya kaydetmeniz veya ardından dönüştürmeniz gerekir.

   Muhtemelen bu BOM hakkında birkaç şey söylemeliyim. Gerçek şu ki, normal bir Windows not defterinde farklı metin nesneleriyle çalışırken, onu UTF-8 kodlamasına kaydettiğinizde, daha sonra bu dosyanın performansını etkileyebilecek görünmez karakterler (BOM) eklenir (örneğin, PHP hata verebilir)...

2. Açık bir dosyanın içeriğini yazdırmak istiyorsanız, kod program penceresinde gördüğünüz biçimde yazdırılmayacaktır. Ancak "Seçenekler" - "Ayarlar" sekmesinden seçim yapın "Fok" bunu değiştirmekte özgürsünüz ve vurgulanan kodu renkli olarak yazdırma, satır numaralarının, üstbilgilerin ve altbilgilerin vb. görüntülenmesine izin verme seçeneğini belirleyebilirsiniz. bir şeyler:
   
   
3. Bu gelişmiş metin düzenleyici ayrıca, işletim sistemi görev çubuğunu karmaşık hale getireceğinizden korkmadan istediğiniz kadar yeni belge açma yeteneğine de sahiptir. Modern tarayıcılarla uyumlu olarak, tüm yeni belgeleri yeni bir program penceresinde değil, açacaktır. yeni bir sekmede zaten açık pencere.

   

   Ayrıca, bu defterin penceresindeki çeşitli belgelerin bu sekmeleri, fare ile keyfi olarak sürüklenebilir, kapatılabilir ve küçültülebilir.

   

   Yapılan ayarlara bağlı olarak ("Seçenekler" - "Ayarlar"), Notepad ++ kapatılmadan önce açılan tüm sekmeler, program bir sonraki başlatılışında geri yüklenecektir (yine tarayıcıların çalışmasına benzer). Gereksiz olanları üzerlerine çift tıklayarak kapatabilir veya dikey olarak yerleştirebilirsiniz.

4. Sekmelerle yapılan olağan işlemlere ek olarak, bu düzenleyicide aynı anda tek bir pencerede açmak mümkün olacaktır. aynı belgenin iki kopyası... Belgenin farklı bölümlerinde (bakılacak veya kopyalanacak ve yapıştırılacak bir yer) çalışmanız gerekiyorsa bu gerekli olabilir.

   Bu modu etkinleştirmek için, gerekli PHP düzenleyici sekmesine sağ tıklamanız ve bağlamsal öğeden "Başka Bir Pencerede Çoğalt" seçeneğini seçmeniz yeterlidir.

   

   Belgenin kopyalarından birindeki değişiklikleri kaydettikten sonra, ikincisinin de güncellenmesi çok uygundur (yani kafanız karışmaz - yapılan değişiklikleri ve hangi kopyada kaydettiniz).

5. ben de çok beğendim yerleşik arama açık Html veya PHP belgelerinde değiştirilebilir(bazı insanlar bunun için aktif olarak düzenli ifadeler kullanır, ama ne yazık ki onları tanımıyorum). Bu gelişmiş metin düzenleyicideki aramanın tüm zenginliği, sadece "Ara" menü öğesini açarak takdir edilebilir. Makalenin başındaki ekran görüntüsüne bakın.

Genel olarak, bu metin editörü, geliştiricilerine ve bunun için eklenti yapanlara ayrı bir saygı gösterilen, bazıları şimdi tartışılacak olan diğer uygulamaların işlevselliğinden birçok yararlı ve kullanışlı şey aldı.

Eklentileri Notepad ++ ile kullanma

Yeni bir eklenti yüklemek için, editörün üst menüsünden "Eklentiler" - " seçmeniz gerektiğini hatırlatmama izin verin. Plagin Yöneticisi"-" Plagin Manager'ı Göster ".

Ve açılan pencerede, ilk sekmede (üst menüden), gerekli eklentinin yanındaki kutuyu işaretleyin ve düğmesine tıklayın. "Düzenlemek".

Bundan sonra, editör penceresi yeniden yüklenecek ve yeni eklenti aynı adlı sekmede bulunacaktır. Genel olarak, her şey hiçbir yerde daha kolay değildir.

Çalışmanızda Not Defteri için hangi eklentilere ihtiyacınız olabilir?

Eklenti tarafından birçok ek ve kullanışlı gadget sağlanır "MetinFX", kurulumdan sonra editörün üst menüsünde aynı adı taşıyan öğede bulunacaktır. Henüz böyle bir öğeniz yoksa, "Eklentiler" - "Plagin Yöneticisi" - "Plagin Yöneticisini Göster"e gidin, ilk sekmedeki listeyi aşağı kaydırın ve TextFX Karakterinin önüne bir onay işareti koyun.

Kurduktan sonra, editör yeniden başlatılacak ve menüde birçok açılır alt öğeye sahip yeni bir TextFX öğesi görünecektir. Örneğin, şekilde gösterilen seçeneği etkinleştirmek, Html kodunu düzenlerken veya yazarken hayatınızı büyük ölçüde kolaylaştırabilir:



Bu durumda, Notepad ++ metin düzenleyicisine açılış Html etiketini girer girmez, hemen yanında eşleşen bir kapanış etiketi görünecektir. Güçlü bir zaman tasarrufu ve kapatılmamış bir etiket nedeniyle hata olasılığında önemli bir azalma karşısında. Ancak, bu şey beni rahatsız ediyor ve kullanmıyorum. Ama bu hiçbir şekilde onun haysiyetine yalvarmaz.

"TextFX" de pek çok gadget var, bu yüzden çalışmalarını pratikte kendiniz deneyin ve sizin için tam olarak neyin uygun ve yararlı olacağına karar verin.

Pekala, editördeki sekme temasına devam edersek, şu olasılığı belirtmekte fayda var. iki belgenin karşılaştırılması... İlk olarak, bu eklentinin Plagin Manager aracılığıyla yüklenmesi gerekecek:



Notepad ++'da belge karşılaştırma modunu etkinleştirmek için, üst menüden "Eklentiler" - "Karşılaştır" - "Karşılaştır" öğelerini seçmeniz veya klavyede Alt + D tuşlarına basmanız yeterlidir. Sonuç olarak, şu anda etkin olan sekme, bu not defterinin penceresinde ve yanında bulunan sekmede açılacaktır.



İki Html veya PHP belgesini karşılaştırma kolaylığı için Notepad ++ düzenleyicisi sizin için aralarındaki farklılıkları vurgulayacaktır. Belgelerle normal çalışma moduna geçmek için, üst menüdeki "Eklentiler" - "Karşılaştır" - "Sonuçları Temizle" öğelerini seçin veya klavyede Ctrl + Alt + D tuşlarına basın.

Ayrıca Notepad++ penceresindeki iki belge hem dikey hem de yatay olarak görüntülenebilir. Sizin için en uygun yolu seçmek için, bölümlerinin yerine sağ tıklayın ve dönüş yönünü (sağ veya sol) seçin.

Bu arada, benim gibi, sitenizin Html veya PHP dosyalarını düzenlemek için esas olarak Notepad ++ kullanıyorsanız, ona bağlanma yeteneği kullanışlı olabilir. FTP aracılığıyla doğrudan bu metin düzenleyiciden... Ancak FileZilla ile çalışmayı daha çok seviyorum, özellikle de şifrelerimi ondan çalmayı başardıkları için.

FTP üzerinde Not Defteri üzerinden çalışmayı denemek istiyorsanız, üst menüden "Eklentiler" - "NppFTP" - "NppFTP Penceresini Göster" öğelerini seçin, bunun sonucunda FTP istemci penceresi sağda açılır.



Bir FTP bağlantısı kurmak için dişli simgesine tıklayın, "Profil Ayarı"nı seçin ve bağlantı detaylarınızı girin. Daha fazla çalışma, yaşayan FileZilla ile ilgili makalede yazdığımdan çok farklı değil.

1. Araç Çubuğunu Özelleştir eklentisini Plagin Manager kullanarak yüklerseniz, yeniden düzenleyebilir, kaldırabilir veya yenilerini ekleyebilirsiniz. araç çubuğu düğmeleri bu program.
   
   
2. Yazının başında sol sütunda açma özelliği ekleyen Light Explorer'dan bahsetmiştim. dosya yöneticisi... Ancak aynı amaç için eklenti yöneticisinde bulacağınız Explorer'ı kullanabilirsiniz.
   
3. Harika eklenti WebDüzenle, Html editörü Wordpress ile benzer şekilde, metni başlıklar, listeler, tablolar ve diğerleri için en popüler etiketlerle çerçevelemeye izin verir. İstediğiniz parçayı seçin ve Notepad ++ araç çubuğundaki düğmelerden birine tıklayın.
   
4. ImgTags - ALT ve SRC öznitelikleri ile hazırlanmış önceden belirlenmiş yatay ve dikey boyutlara (bunları kendisi hesaplar, bu çok havalı) izin verir (ayrıca sunucunuzdaki resimlerin bulunduğu klasörün yolunu da eklemeniz gerekir).
   

Eklentileri kullanarak Notepad ++ 'da yazım kutusunu kontrol edin

Bağlanmak Rusça dilbilgisi kontrolü Notepad ++, bu sayfadan Rusça sözlüğü indirmeniz gereken Shell-Checker eklentisini (Eklentiler menü öğesinden) kullanır ve bu yazım denetimi eklentisi etkinleştirildiğinde, bilgisayarınızdaki sözlük dosyasının yolunu belirtin.



Kurulum nüansları var. İlk önce ihtiyacınız olacak indirmek Tam yükleyici ve ardından Rusça sözlük aspell-ru-0.50-2-3.exe ile bir dosya. İlk önce, sihirbazda kişisel olarak varsayılan yolu değiştirmediğim tam yükleyiciyi kurun (c: \ Program Files (x86) \ Aspell \).

Ardından, DOS penceresine ilk önce "y" harfini girmeniz gereken dil paketini koyun ve klavyede Enter tuşuna basın (ancak, daha önce bilgisayarıma GNU Aspell'i zaten kurmuş olduğum için belki de sadece benim içindi):



Ardından, Rusça sözlüğü yüklemek için standart sihirbaz başlayacak, yine varsayılan yolu değiştirmedim. Her şey.

Şimdi Notepad ++'ı yeniden başlatın ve menüden hemen yukarıda gösterilen öğeleri seçin veya klavyede gerçekçi olmayan CTRL + ALT + SHIFT + S kombinasyonunu basılı tutun. Açılan pencerede, Aspell klasöründen BIN dizinine giden yolu girmeniz gerekecektir:



GNU Aspell ve Rusça sözlüğü kurarken yolu değiştirmediyseniz, buraya eklemeniz gerekir:

C: \ Program Dosyaları (x86) \ Aspell \ bin \

İşletim sisteminize bağlı olarak, ya da benzer bir şey. İşte bu, şimdi yazım denetimi yapmak istediğiniz metni seçin ve CTRL + ALT + SHIFT + S tuşlarına basın (kısayol tuşu ayarlarında bu kombinasyon değiştirilebilir - yukarıya bakın). İlk bulunan hatanın görüntüleneceği bir pencere açılacaktır:



Bunu görmezden gelebilir veya önerilen seçeneklerden uygun bir değiştirme seçebilirsiniz. Alt kısımda, birkaç GNU Aspell dil modülü yüklediyseniz, kontrol dilini değiştirebilirsiniz. Bu kadar.

DSpellKontrol- önceki eklenti tarzında çok uygun bir çözüm, çünkü aynı zamanda GNU Aspell ve onun Rusça sözlüğünü de kullanıyor, ancak zaten tüm modern tarayıcılarda olduğu gibi anında yazım denetimi yapıyor. Eklenti yöneticisine gidin ve yükleyin.



Hemen, varsayılan olarak, dilbilgisi denetimi açılacaktır (ekran görüntüsünde gösterilen onay kutusunun işaretini kaldırarak devre dışı bırakılır), ancak modül yalnızca İngilizce dili ile bağlanacaktır, bu yüzden DSpellCheck ayarlarına gidip değişiklik yapıyoruz.



Açılır listeden Aspell'i seçiyoruz (henüz yüklemediyseniz, bu makaleyi biraz yukarı kaydırın ve işletim sisteminize kurmak için modülü Rusça dil paketiyle birlikte indirin) ve hemen aşağıda yolu belirtin aspell-15.dll dosyası. Hemen aşağıdan bağlanılacak sözlüğün dilini seçin, eğer birkaç tane koyarsanız, Uygula'ya tıklayın.



Şimdi bulunan tüm hataların altı kırmızı dalgalı bir çizgiyle vurgulanacak (ayarlarda renk değiştirilebilir) ve fare imlecini hareket ettirdiğinizde, bu kelimenin doğru yazımını seçebileceğiniz bir ok belirecektir veya sözlüğe veya yoksayma listesine ekleyin.

Sana iyi şanslar! Yakında blog sitesinin sayfalarında görüşürüz

adresine giderek daha fazla video izleyebilirsiniz.

");">

ilginizi çekebilir

Notepad ++'da boş satırlar nasıl kaldırılır Etki alanları, bir URL adresleri listesinden nasıl yalıtılır ve Notepad ++ kullanarak kopyaları nasıl kaldırılır (Reddetme bağlantıları için bir liste hazırlama)

HTML sayfalarıyla rahat çalışmak, bunlarda değişiklik ve düzenlemeler yapmak için HTML editörleri kullanılır. Bugün, her biri kendi güçlü ve zayıf yönleri olan ve çeşitli görevler için kullanılabilen çok çeşitli bu tür editörler var.

Adobe Dreamweaver, ilk sürümü Aralık 97'de piyasaya sürülen en eski HTML editörlerinden biridir. O zamandan beri, paket birçok değişiklik geçirdi ve sonunda karmaşık web projeleriyle çalışmak için kullanılan gerçek bir profesyonel HTML editörü haline geldi. Bir web geliştiricisi için tüm ilgili araçları içerir.

Yeni sürüm, HTML 5 standardını destekler, ayrıca kod düzenleyici ve geliştirici penceresini iyileştirir. Gerçek zamanlı olarak tarayıcı penceresindeki tüm değişiklikleri görüntülemenin yanı sıra CSS ön işlemcisi için destek uygulandı. Flash Player ile yakın entegrasyon sağlanır. Dış tasarım tamamen güncellendi.

Adobe Dreamweaver'ın dezavantajları, "ağır ağırlığı" ve zorlu donanımıdır. Paketi kurmak için birkaç gigabayt boş sabit disk alanınız olması gerekir. Program, alışmak için ek zaman gerektiren çok sayıda farklı sekme ve ayara sahiptir. Ayrıca, Adobe Dreamweaver, bir fiyat etiketi ile birlikte gelen tescilli bir yazılımdır.

Buna rağmen, programın ücretsiz bir deneme süresi vardır ve bu süre boyunca bu paketin tüm avantajlarını ve faydalarını değerlendirebilirsiniz. Genellikle bu süre, uygulamanın kurulum tarihinden itibaren bir ay içinde sürer.

Çok platformlu Sublime Text editörü, profesyoneller arasında giderek popülerlik kazanıyor. Bu, maksimum sadeliği, fırfır eksikliği ve aynı zamanda bir geliştiricinin ihtiyaç duyduğu tüm gerekli araçların varlığından kaynaklanmaktadır. Ancak, aniden bir şeye ihtiyacınız olursa ve bu Sublime Text'in standart işlevinde olmayacaksa, onu her zaman bir eklenti olarak bulabilir veya Python'da kendiniz yazabilirsiniz. Tüm işler kısayol tuşları kullanılarak yapılır, bu nedenle programın kendisi minimum arayüz öğesi içerir. Çalışma alanı, yatay, dikey veya bir ızgara ile düzenlenmiş birkaç bağımsız pencereye bölünebilir.

Tüm avantajlarına rağmen, Sublime Text editörü yeni başlayanlar için oldukça karmaşık bir araç olmaya devam ediyor. Buradaki düzenleyicinin standart konfigürasyonu bile menü kullanılarak değil, config.json dosyaları kullanılarak yapılır, bu da kullanıcının temel eğitimini gerektirir. Bununla birlikte, eksiksiz belgelerle birlikte geldiği göz önüne alındığında, profesyonel programcılar için bu aracı kendileri için özelleştirmek zor olmayacaktır.

Sublime Text editörü tescillidir, ancak kullanmak için ödeme yapmanız gerekmez. Her başlattığınızda, bu programı resmi olarak satın alabileceğinizi hatırlatan bir pencere açılacaktır, ancak bu, zorunlu bir satın alma yerine bağış temelinde yapılır.

Programı resmi web sitesinden indirebilirsiniz: https://www.sublimetext.com.

Resmi olarak Notepad ++ bir HTML düzenleyicisi değildir, ancak bu amaç için kullanılabilir. PHP, Ruby, Perl, Python ve diğerleri gibi bazıları web geliştirmede de kullanılan popüler programlama dillerinin çoğu olan HTML ve XML biçimlendirme dilleri için yerleşik sözdizimi vurgulama özelliğine sahiptir.

Madde işaretleri, kod katlama, otomatik tamamlama, proje yöneticisi, çok satırlı düzenleme ve vurgulama, çeşitli kodlamalar için destek ve çok daha fazlası gibi kodunuzu düzenlemenize yardımcı olan bir dizi araç vardır. Ayrıca, çeşitli geliştiricilerden Notepad ++ için programın işlevselliğini önemli ölçüde genişleten ve onu profesyonel HTML editörleri için ciddi bir rakip haline getiren çok sayıda eklenti vardır.

Notepad ++ metin düzenleyicisinin avantajları arasında hızı ve az miktarda disk alanı bulunur. Ayrıca program, çalışmak için ek eğitim süresi gerektirmeyen çok basit bir arayüze sahiptir. Ek olarak, programın kullanıcıları bilgilendirdiği ve bunları yüklemeyi teklif ettiği Notepad ++ için sürekli olarak güncellemeler yayınlanmaktadır. Editörün ana avantajı, ücretsiz açık kaynaklı yazılım anlamına gelen GNU GPL 2 lisansı altında dağıtılmasıdır.

Bu düzenleyiciyi şu anda herhangi bir kısıtlama olmaksızın https://notepad-plus-plus.org resmi sitesinden indirebilirsiniz.

Görsel olarak Sublime Text'e benzeyen güzel bir arayüze sahip basit bir editördür. CoffeeScript'te yazılmıştır. Atom, ilk sürümü 26 Şubat 2014'te gerçekleşen oldukça genç bir metin editörüdür. Node.js ile yazılmış eklentileri destekler. Yeni başlayanlar için yalnızca HTML ile değil, aynı zamanda bir dizi başka görevle çalışmak için uygundur.

Atom ücretsizdir ve en popüler işletim sistemlerine kurulabilir. Ayrıca, kurulumu ve kullanımı oldukça kolaydır, hızlıdır ve sabit sürücünüzde çok az boş alan gerektirir.

Bu düzenleyiciyi kullanmaya başlamak için, varsayılan karşılama penceresinden "Bir Proje Aç"ı tıklamanız yeterlidir. Ardından, iş için bir dizin seçilir, ardından içinde bir dosya oluşturulur ve uzantısı belirtilir. Dosyanın sözdizimi, belirtilen uzantıya göre otomatik olarak belirlenir.

Vim, en eski unix editörlerinin ailesinden gelen profesyonel bir ücretsiz metin editörüdür. Vim ilk olarak 2 Kasım 1991'de piyasaya sürüldü. İş otomasyonu için muazzam fırsatlar sağlayan profesyonel programcılar için bir araç olarak bilinir. Standart Vim görsel arabirimi bir konsoldur, ancak Gvim'in pencereli bir grafik arabirim aracılığıyla çalışan bir modifikasyonu vardır.

Vim ile çalışırken, hangi kısayol tuşlarının ve işlevlerinin değiştiği arasında geçiş yapan birkaç mod vardır. Başlangıçta, Vim "normal" veya "komut" modu olarak adlandırılan modda başlar. "Kopyala", "sil", "yapıştır" gibi tüm olağan kısayol tuşları ile karakterize edilir. Diğer modlarda metin girebilir, konsolla çalışabilir veya görsel modu arayabilirsiniz. Görünüşe göre, neden bu tür zorluklar? Gerçek şu ki, Vim herhangi bir eylemin klasik "kolaylık" açısından değil, maksimum optimizasyon gerektiren bir şey olarak görüldüğü bir araç olarak geliştirildi.

Vim çok hızlıdır ve neredeyse hiç sistem kaynağı kullanmaz. Öğrenme zorluğu açısından, bu kesinlikle yeni başlayanlar için bir araç değildir. Sadece hareket işlemi için yüzden fazla komut geliştirilmiştir. Elbette hepsini ezberlemenize gerek yok. Herkes kendi programlama stilini seçer ve buna göre neye ihtiyacı olduğunu öğrenir. Bu düzenleyicide doğru seviyede ustalaşmak çok sabır ve zaman alacaktır. Ancak ödül olarak, gayretli kullanıcılar bugün mevcut olan en güçlü kod düzenleyiciyi alacaklar. Vim, Linux, Mac, Windows ve bir dizi başka işletim sisteminde çalışan ücretsiz ve çok platformlu bir araçtır.

Diğer programlardan farklı olarak IntelliJ IDEA, profesyonel bir entegre geliştirme ortamıdır (IDE). HTML / XHTML / HAML işaretleme dilleri ve CSS / SASS / LESS sayfa düzeni dilleri ile sorunsuz bir şekilde çalışmanıza olanak sağlamasının yanı sıra Java, JavaScript, Python ve Coffee Script ile yakın çalışmaya da olanak tanır. IntelliJ IDEA, JetBrains tarafından geliştirilmiştir.

Neden bu özel programı kullanmaya başlamalısınız? İlk olarak, gerçekten iyi düşünülmüş bir arayüze sahip. Daha önce hiç tanışmamış olsanız bile, kurulumdan hemen sonra onunla çalışmaya başlayabilirsiniz. Ek olarak, bu arada tamamen ücretsiz olan CVS, Apache Ant, Maven, JUnit ve Subversion gibi popüler araçlarla çalışmak mümkündür.

Ne yazık ki, IntelliJ IDEA'nın kendisi tamamen özgür bir yazılım değildir. Tam sürüm, yalnızca 30 günlük deneme süresi için mevcuttur ve işlevsellik azaltılmış sürümü, birkaç kullanışlı işlevden yoksundur ve Android'de uygulama geliştirmek veya bir Java makinesiyle çalışırken gerçekten kullanışlı olabilir.