Linux üçin iň oňat HTML we CSS çeşme kod redaktorlary


Gysgaça: Bu gollanmada Linux döredijiler üçin iň oňat 8 HTML we CSS kod redaktoryna seredýäris.

HTML we CSS redaktorlary döredijilere web programmalaryny has çalt we has netijeli ösdürmäge mümkinçilik berýär. Kod ýazuwyny ýönekeýleşdirmek we ösdürmek üçin zerur ähli gurallary üpjün edýärler. Häzirki zaman HTML we CSS redaktorlary web ösüşini tertipleşdirmek üçin ähli gurallar, pluginler we möhüm gurallar bilen iberilýär.

HTML we CSS redaktorlary iki topara bölünýär: Tekst redaktorlary we WYSIWYG (“Görýän zadyňyz näme alýarsyňyz”) redaktorlary.

WYSIWYG HTML redaktorlary täze başlanlar üçin ajaýyp saýlawdyr, sebäbi web sahypaňyzyň öň tarapynyň girýänleriňize nähili boljakdygyny görmäge mümkinçilik berýär. Mundan başga-da, redaktoryň bu görnüşi köplenç sahypada ýekeje setir hem ýazman, sahypadaky suratlary, sözbaşylary we beýleki elementleri goşup, aýryp we üýtgedip bilersiňiz.

Başga bir tarapdan, tekst redaktorlary, web sahypasynyň öň tarapynda nähili boljakdygyny görkezmeýärler. Şeýle hem sahypadaky elementleri süýräp we taşlamagyň ýerine kod ýazmaly we redaktirlemeli. Textöne tekst redaktorlary, ýazuw koduny aňsatlaşdyrýan ýalňyşlary ýüze çykarmak we awtomatik doldurmak ýaly aýratynlyklary hödürleýärler.

Indi Linux üçin iň oňat HTML we CSS kod redaktorlaryna göz aýlaň.

1. Visual Studio kody

Visual Studio Code bilen başlaýarys, programmalaryňyzy ösdürmek üçin ähli zerur aýratynlyklary we gurallary üpjün edýän açyk platformaly redaktor. HTML we CSS-ni goldamakdan başga-da, Python, Java, TypeScript, Lua, C, C ++ we PHP ýaly 36-dan gowrak programma dilini goldaýar.

Adaty awto-doly we sintaksis aýratynlaşdyrmagyň ýerine, VS kody IntelliSense-i üpjün edýär, funksiýa, kesgitleme, üýtgeýän görnüş we import modullaryna baglylykda akylly gutarmagy hödürleýär. Şeýle hem, islendik ýerleşýän SCM serwerinden kod çykarmaga ýa-da basmaga mümkinçilik berýän Git bilen ajaýyp integrasiýa hödürleýär.

Beýleki möhüm aýratynlyklar:

  • Toplumlaýyn buýruk setiri interfeýsi.
  • Kod formatlamak we giňeldilen işlemek üçin Prettier ýaly birnäçe plugin we giňeltmeler.
  • Köp adamly işlemäge mümkinçilik berýän bölüniş görnüşi.
  • Git goldawy, redaktordan gönüden-göni çeşmeleri basmaga ýa-da çekmäge mümkinçilik berer.
  • Bellenen klawiatura gysga ýollary.
  • Ulanyjylara ýalňyşlyklary görmäge we düzetmäge kömek etmek üçin düzediş gurallary.
  • Elýeterli çeşmeler we gollanmalar bilen giň ulanyjy bazasy.
  • Kody düşündirmek, isleýän yzygiderliligiňize baglylykda yzarlamaga we ýatlamaga kömek edýär.

2. Ajaýyp tekst 4

Sublime Text 4 ösen programmaçylar üçin erkin we açyk kodly kross platforma redaktory. Bölünip redaktirlemek, platforma goldawy we köp saýlama redaktirlemek ýaly beýleki redaktorlarda bar bolan adaty aýratynlyklary hödürleýär.

Redaktor hem ýokary derejede düzülip bilner. Menýulardan başlap, esasy baglanyşyklara we böleklere çenli, redaktordaky hemme zat diýen ýaly islegleriňize laýyk düzülip bilner. Bu aýratynlyklaryň hemmesi mugt wersiýa girýär, ýöne ahyrsoňunda, satyn almaga höweslendirýän açylan mahabatlary görkezip başlaýar.

Goşmaça aýratynlyklar:

  • Köp setirli redaktirleme - bu gural bir wagtyň özünde tekst resminamasynda birnäçe setir kod redaktirlemäge mümkinçilik berýär.
  • Adaty aňlatma tapýar we çalşýar - bu aýratynlyk redaktirlemek üçin meňzeş, ýöne dürli tekst setirlerini gözlemek we tapmak mümkinçiligini berýär.
  • Tekst bölekleri - bu gural bilen islendik taslamada gaýtalanýan tekst bloklaryny goýup bilersiňiz.

3. Komodo IDE

Komodo IDE başga bir erkin we açyk kodly redaktor bolup, toplumlaýyn ösüş gurşawy (IDE) hökmünde iki esse köpelýär. Bu redaktor redaktor we de-bugger bolup işleýär we şeýlelik bilen iş prosesiňizi ep-esli gowulandyrýar. Komodo IDE, JavaScript, Python, Ruby, GO, PHP, Perl we Node.js. ýaly birnäçe dili goldaýar.

Şeýle hem programmada hödürlenýänleriň arasynda yzly-yzyna geçmegiň ýerine bir ekranda synap görmäge we redaktirlemäge mümkinçilik berýän göni syn. Awtomatik tygşytlamak aýratynlygy, işiňizi gözden geçirmezden ozal garaşmak üçin wagt ýitirmezligiňizi üpjün edýär. Elbetde, bu aýratynlyklaryň hemmesi mugt.

Ine käbir beýleki esasy aýratynlyklar:

  • Grafiki düzediş - bu programma üpjünçiligi iň güýçli we täsirli düzediş gurallaryny ulanýar.
  • Awto gysgaltma bölekleri - gysgaltma ýazanyňyzdan soň bu aýratynlyk awtomatiki usulda bölek saýlamasyna sebäp bolýar.
  • Elastik goýma ýerleri - ýazanyňyzda koduňyz awtomatiki usulda ýazylýar.
  • Awtomatiki we jaň maslahatlary - diňe bir birnäçe dili goldamak bilen çäklenmän, bir faýlyň içinde bar bolan dürli dilleri hem kesgitleýär.

Komodo IDE Mac, Linux we Windows üçin elýeterlidir.

4. Garaşanlar

Garaşanlar erkin we açyk kodly redaktor bolup, CSS kody bilen bir panelde deslapky syn bermeýär, ýöne şonda-da üýtgeşmeleriňizi brauzeriňize birikdirip görmäge mümkinçilik berýär.

Bracketleriň özüne çekijiliginiň bir bölegi, stil tablisasyny açmazdan, bar bolan düzgünleri üýtgetmäge we islendik CSS elementine ýa-da synpyna täze düzgünleri goşmaga mümkinçilik berýär.

Bu redaktoryň goşmaça aýratynlyklary:

  • Giňeltmeler - islendik ulanyjy programma üpjünçiliginiň aýratynlyklaryna goşup biler, sebäbi ýaýlar giňeltmeleri kabul edýär.
  • Awtomatiki tygşytlamak - faýlyňyza girizilen üýtgeşmeler awtomatiki ýagdaýda saklanýar.
  • Öňünden işleýjiniň goldawy - Garaşsyzlyk prosessorlar üçin goldaw hödürleýär, mysal üçin LESS we SCSS faýllary goldaýar.
  • Göni syn - bu gural, üýtgeşmeler girizen badyňyza brauzerdäki koduňyzyň çykyşyny görmäge mümkinçilik berýär.

5. PineGrow

“Pinegrow” redaktory, süýräp-gaçyrýan sahypa gurluşykçylaryna käbir meňzeşlikleri paýlaşýan wizual web sahypasydyr. Pinegrow ýyllyk, aýlyk we ömürlik abuna görnüşleri hökmünde gelýär.

Bu redaktoryň käbir aýratynlyklary:

  • Çeýe deslapky re modeim - başlangyç gurluşyk işiňizi tamamlanyňyzdan soň, web sahypaňyzyň dürli platformalarda nähili işleýändigini görüp bilersiňiz.
  • Esasy we bootstrap - Sosna ösmegi, SASS, CSS, Bootstrap we Tailwind CSS-i janly gurşawda redaktirlemegi aňsatlaşdyrýar. Sosna ösýär, CSS gözenekleriniň içerki görnüşlerini we işjeň düzgünlerini üýtgetmek mümkinçiligini hödürleýän CSS redaktory bilen bilelikde gelýär.
  • Şablonlar we dizaýn - programma üpjünçiliginde öňünden ýasalan şablonlar ýok, ýöne sosna ösmegi web programmasyny noldan dizaýn etmek üçin ýeterlik gurallar bilen üpjün edilýär.

6. BlueFish

BlueFish, C programmirleme dilinde ýazylan güýçli, erkin we açyk kodly redaktor bolup, HTML, CSS, XML, C, C ++, Perl, Python, JavaScript we Java ýaly köp sanly bellik we kodlaýyş dillerini goldaýar. başgalar.

“BlueFish” çalt, ýeňil we öwrenmek aňsat. Bu platforma bolup, döredijilere amaly programmalaryny we web sahypalaryny bökdençsiz kodlamaga mümkinçilik berýän baý gurallar we aýratynlyklar bilen üpjün edýär.

“BlueFish” kod redaktory skriptleri we pluginleri ulanyp ýokary derejede düzülip bilner. Ripazgylaryň köpüsi, bellik we programmirleme dilleriniň köpüsi üçin sintaksis we bellik barlaglaryny goşmak bilen eýýäm düzülen.

Bir seretseň, BlueFish aşakdaky esasy aýratynlyklary hödürleýär:

  • Sintaksis aýratynlaşdyrma
  • Kursor we setir aýratynlygy
  • Gözläň we çalyşyň
  • Gurlan faýl brauzerini ulanyp faýllary gözläň
  • Kod bukulmagy
  • Kod awtomatik doldurmak
  • functionüklemek/göçürip almak funksiýasy

7. UltraEdit

UltraEdit, Windows, Linux we macOS-da işleýän täjirçilik we platforma tekst redaktory. Programmalary bökdençsiz ösdürmek we gaplamak üçin zerur bolan ähli gurallary we aýratynlyklary diýen ýaly gaplaýan güýçli we aýratynlyga baý kod redaktory. Örän düzülip bilner we esasan kärhanalar we iri guramalar ýaly korporatiw guramalar tarapyndan ulanylýar.

UltraEdit çalt we ygtybarly we uly faýllar bilen işlenende idealdyr. 10 Gb çenli uly ýa-da agyr faýllary hiç hili öndürijilik ýa-da tizlik bilen ýitirip, öňünden görüp bilersiňiz. Mundan başga-da. HTML, PHP, Perl, Python, C/C ++ we başga-da köp sanly bellik we kodlaşdyryş dillerini goldaýar.

Kod redaktory aşakdaky ähli jaňlar we jygyllyklar bilen gelýär:

    • Düzülip bilinýän sintaksis aýratynlygy
    • Kodyň awtomatiki tamamlanmagy
    • Kod bukulmagy
    • HTML göni syn
    • Doly birleşdirilen FTP müşderisi
    • Güýçli tapmak we çalyşmak funksiýasy
    • Köp saýlama we köp kartetli redaktirleme

    8. Notepad ++

    Sanawyň iň soňkusy, C ++ programmirleme bilen ýazylan Notepad ++ redaktory, Notepad ++ häzirki wagtda ýigrimi ýyla golaý wagt bäri meşhur bolan ýeňil tekst redaktory. Köp sanly janköýerler jemgyýetini döretdi we döredilen gününden bäri millionlarça göçürip almakdan lezzet aldy.

    Notepad ++ dürli HTML, CSS, Javascript we Python, Ruby, C we C ++ ýaly programma dillerini goldaýar.

    Görnükli aýratynlyklar şulary öz içine alýar:

    • Awto tamamlamak
    • Ulanyjy kesgitlenen sintaksis aýratynlygy
    • Dynç we indent görkezmeleri Aýratynlaşdyrmak
    • Adaty aňlatma gözlegi/goldanýanlary çalyşmak
    • Makro ýazgy we oýnamak
    • Faýl ýagdaýy Awto-kesgitlemek

    Gowy HTML we CSS redaktorlarynyň kemçiligi ýok, ýöne iň oňat redaktor zerurlyklaryňyza laýyk gelýän aýratynlyklary we giňeltmeleri hödürlär. Göni gözden geçiriş opsiýalary bolsun, sintaksis tapawutlandyryjy bolsun ýa-da çylşyrymly gurallar bilen has ösen redaktor bolsun, sanawymyzdaky redaktorlaryň arasynda özüňizi gowy taparsyňyz diýip umyt edýärin.

    Sanawda bolmaly öýdýän peýdaly HTML we CSS redaktorlaryny sypdyrdykmy? Teswirlerde bize habar beriň.