8 parasta kehitystyökalua Linuxille

Nopeasti muuttuvassa maailmassa rajat eri käyttöjärjestelmien välillä ovat usein hienovaraisia, mikä on hyvä uutinen verkkomestareille, jotka harkitsevat Linuxin käyttöä kehitystyöasemillaan. Windowsista ja macOS: sta tulevat sisällöntuottajat odottavat usein käyttävänsä ammattitason ohjelmistojaan, kuten Adobe Dreamweaver Linuxissa, mutta huomaavat, että sitä ei ole saatavilla siellä.

Vaikka viinin kautta on mahdollista ajaa monia Windows-sovelluksia (mukaan lukien Dreamweaver) Linuxissa, kokemus ja työpöydän integrointi eivät ole samat. Ohjelmistojen saatavuuden tila Linuxissa paranee jatkuvasti, ja monia kaupallisia tuotteita julkaistaan ​​nykyään kaikille tärkeimmille alustoille - Windows, macOS ja Linux -, mutta potentiaalisten vaihtajien tulisi olla halukkaita tinkimään ja joskus muuttamaan tapojaan.



Olemme valinneet hyödyllisimmät erikoistuneet Linux-sovellukset, jotka helpottavat siirtymistä. Aivan kuten työkalumme ja resurssimme web-suunnittelutyökalut Jotkut niistä ovat ilmaisia ​​ja avoimen lähdekoodin, toiset maksavat rahaa, mutta laadun ja hinnan välillä ei ole selvää riippuvuutta.



kuinka piirtää viitekuvasta

Lisää neuvoja on oppaissamme sivujen ylläpito ja valitsen täydellisen web-rakentaja . Ja ennen kuin jatkat, varmista, että sinulla on paras pilvitallennus vaihtoehdoillesi. Mutta nyt katsotaanpa tarkemmin mitä on saatavilla.

01. Seamonkey

Linux Web Dev -työkalut: Seamonkey Composer



Seamonkey Composer on WYSIWYG-editori, jossa on kolme tilaa: asiakirja-, merkintä- ja lähdekoodieditorit(Kuvan luotto: Seamonkey Composer)

Seamonkey-säveltäjä on yksi helpoimmista käyttää verkkosivujen rakentajat ja sillä on suuri yhteensopivuus Mozilla-tuotteiden kanssa. Sovellus on WYSIWYG-editori, jossa on kolme tilaa: asiakirjaeditori, merkintätutkija ja lähdekoodieditori (lisää vaihtoehtoja on oppaassa parhaat koodieditorit ). Yksinkertaisimmassa tapauksessa käyttäjä voi vain järjestää tekstiä, kuvia, taulukoita ja muita esineitä kirjoittamatta yhtä koodiriviä, samalla tavalla kuin mitä MS Wordin kaltainen tekstinkäsittelyohjelma tarjoaa. Seamonkey Composer luo automaattisesti sopivan HTML-merkinnän, joka riittää staattisille verkkosivustoille.

Ilmeisesti useimmat modernit web-projektit käyttävät paljon JavaScriptiä ja muita etäkomentosarjoja, mutta se ei tee Composerista hyödyttömiä. Voit silti valmistella sen kanssa perussuunnitelman ja hallita loput projektisi muilla työkaluilla. Oletusarvoisesti Composer tallentaa kaikki rikkaan tekstin muotoilut ja tyylit tavallisen HTML-koodin sisään, mutta Composerille on mahdollista kertoa käyttämään CSS-tyylejä ja ulkoistaa se myöhemmin erilliseen tiedostoon.

Siellä on myös mukava Esikatselu-välilehti, joka tekee projektin selaimen kaltaisesta esikatselusta elävän, ikään kuin se olisi ladattu verkkoselaimeen. Selainosa on Gecko-pohjainen Seamonkey Navigator, joka ei juurikaan eroa Mozilla Firefoxista verkkosisällön näyttämisen suhteen. Yksi Composerin kätevimmistä työkaluista on sen työkalurivin Julkaise-painike. Tämä mahdollistaa koodisi nopean ja saumattoman lataamisen suoraan sivuston hakemistoon FTP: n kautta.



02. Kuinka paljon

Linux Web Dev -työkalut: Quanta

Quanta ei ehkä ole yhtä suosittu kuin ennen, mutta se on hyvä valinta niille, jotka koodaavat käsin(Kuvan luotto: Quanta)

Kuinka paljon on ehkä nykyään vähemmän tunnettu pala web-kehitysohjelmistoa, mutta se oli numero yksi valinta ei niin kauan sitten. Kuuluisa Quanta Plus -sovellus oli integroitu IDE, joka on räätälöity erityisesti verkkosuunnittelijoille ja kehittäjille, mutta myöhemmin se absorboi sen KDevelop , vieläkin tehokkaampi alustojen välinen IDE. Alkuperäinen Quanta Plus -hanke elää kuitenkin edelleen Trinity-työpöytäympäristöt t (TDE), yhteisön pyrkimys ylläpitää KDE3: ta. Joka tapauksessa on edelleen mahdollista asentaa Quanta nykyaikaiseen Linux-jakeluun ja hyödyntää sen runsaita ominaisuuksia.

Vaikka Quanta onkin vanhanaikainen, se on osoittautunut toimivaksi valinnaksi nykypäivän web-projektille. Toimittaja käyttää välilehtiä ja sallii tekstityylien, taulukoiden, luetteloiden, lomakkeiden ja komentosarjojen käytön. Edelleen oletetaan, että Quanta-käyttäjän odotetaan koodaavan käsin, mutta Quantassa on monia työkaluja, jotka tukevat sinua tässä. Tunnisteet-valikko tarjoaa lajiteltu luettelo usein käytetyistä tunnisteista ja on ihanteellinen tagien nopeaan etsimiseen. Suurin osa muista työkaluista on myös helppo löytää.

Quanta Plus -laitteen perinteisen käyttöliittymäasettelun ansiosta täällä ja siellä on kymmeniä lisäominaisuuksia, mutta on epätodennäköistä, että käyttäjä eksy. Jokainen ominaisuus istuu oikeassa paikassa, joten Quanta-editorin mahdollisuuksien tutkiminen ei ole koskaan hankalaa.

03. Bluegriffon

Linux Web Dev -työkalut: Blue Griffon

BlueGriffon voi olla HTML-editori monimutkaisille verkkosivustoille(Kuvan luotto: Blue Griffon)

Sininen griffi on Web-editori, joka on rakennettu Mozilla Firefox-renderointimoottorin ympärille, mutta se on ehkä ainoa asia, joka sillä on yhteistä Seamonkeyn kanssa. BlueGriffon on varmasti kehittyneempi työkalu kaikin puolin, ja se voi toimia HTML-editorina monimutkaisille verkkosivustoille. Käyttöliittymällä on järkevä asettelu ja se tuntuu lähellä keskimääräistä tekstinkäsittelyohjelmaa, paitsi ehkä oletuksena tumma teema, jota BlueGriffon käyttää.

Sovellusta tarjotaan kolmessa eri versiossa: ilmaisversiossa on WYSIWIG-editorin olennaiset ominaisuudet; Perusversio (75 euroa) lisää paljon tyylikkäitä ominaisuuksia, kuten CSS-tyyleille ja MathML-kaavoille omistetut editorit, koodinpätkät, mobiiliversion esikatselutyökalun, projektipäällikön ja joukon kourallisia pro-tason työkaluja.

Hinnoitteleva EPUB-lisenssi (195 euroa) on suunnattu enemmän EPUB-suunnittelijoille ja tarjoaa tukea projektien viemiseen EPUB 2/3: een. BlueGriffonin ilmainen versio on kuitenkin jo täysimittainen sovellus, jota kannattaa kokeilla korkealaatuisen verkkosisällön tuottamiseksi.

BlueGriffonin Asetukset-osio on hyvin samanlainen kuin Firefoxissa ja lukemattomien mieleisesi mukautettavien asioiden lisäksi on myös mahdollista laajentaa BlueGriffonia ylimääräisillä laajennuksilla. Esimerkiksi hyvä alku on lisätä puuttuvat oikeinkirjoituksen tarkistussanakirjat ja kenties esimerkiksi FireFTP koodin nopeaan lataamiseen.

Kaiken kaikkiaan et voi mennä pieleen siitä, että sinulla on tehokas verkkotoimittaja, joka noudattaa täysin uusimpia W3C-standardeja, mukaan lukien HTML5, CSS 2.1 ja suuri osa CSS 3: sta, CSS Media Queries, MathML, SVG jne.

04. Sublime-teksti

Linux Web Dev -työkalut: Sublime Text

Laajennusten käyttö parantaa Sublime Text -ohjelmistoa(Kuvan luotto: Subime Text)

Sublime teksti tarjoaa vielä yhden lähestymistavan verkkosivustojen kanssa työskentelyyn. Sovellus on pohjimmiltaan supervarattu tekstieditori, joka perustuu Electron-kehykseen, joten sen sydämessä on selainmoottori. Käyttöliittymä on minimalistinen ja koodikeskeinen; se koostuu vain tekstin muokkausalueesta, kun taas kaikki lisäominaisuudet piilotetaan valikkorivin kohteissa. Sublime Text UI -asettelua on kuitenkin helppo säätää vaativampaan makuun.

Näkymä-valikossa voit liittää editorin paneelin sarakkeittain tai riveittäin ja lisätä vasemmanpuoleisen paneelin avattujen tiedostojen luetteloon. On käynyt ilmi, että Sublime Text on viisas työkalu tuottavuuden parantamiseen, koska sen avulla voidaan työskennellä useiden tiedostojen kanssa kerralla, vaikka sinun ei tarvitse vaihtaa välilehtien välillä. Sublime Text tukee laajennuksia, ja tässä voimme tehdä tästä yleiskäyttöisestä tekstieditorista entistä verkkokeskeisemmän.

kuinka saada akryylimaalia harjoista

Aloita asentamalla Package Control, Sublime Text -laajennusten hallinta. Sitten voit saada erilaisia ​​ylimääräisiä hyvyyksiä, kuten Emmet JavaScript-koodinpätkille, HTML ja CSS, Git-integraatiolaajennus, värivalitsin, koodinpienentäjä ja monet muut. Laajennukset lisäävät todella paljon editorin toimintoja. Esimerkiksi SideBarEnhancements-laajennus mahdollistaa tiedostojen uudelleennimeämisen, siirtämisen ja kopioinnin, mikä ei ole muuten mahdollista.

Käy Pakkauksen valvontasivusto , joka isännöi satoja kaikenlaisia ​​laajennuksia, joista monet voivat muuttaa Sublime Textin upeaksi Sveitsin armeijan veitseksi web-kehitykseen.

05. Visual Studio -koodi

Linux Web Dev -työkalut: VS-koodi

VS Code on toinen työkalu, joka toimii laajennusten kanssa ja tarjoaa erittäin intuitiivisen käyttöliittymän(Kuvan luotto: VS-koodi)

Perinteisesti, VS-koodi vertaa Sublime Text -tekstiä, koska molemmat koodieditorit ylpeilevät modernilla muotoilulla, tummalla teemalla ja kunnioittavalla joukolla ylimääräisiä laajennuksia. Jälleen plugins voi muuttaa yleiskäyttöisen kehitystyökalun verkkokeskeiseksi ohjelmistoksi. VS-koodin tapauksessa pakollinen luettelo sisältää Font Awesome -koodit, CSS Peek, CSS Tree Validator, Live Sass Compiler sekä koodin pienentäjän laajennuksen.

Vahvinta VS-koodissa on, että sillä on kaikki yleisimmin käytetyt työkalut lähellä: sivupalkki piilottaa projektin tutkijan, haku- ja vaihtotyökalun, lähteen ohjauspaneelin, virheenkorjauksen ja sisäänrakennetun laajennusten hallinnan. Saatavilla on myös yli 10000 laajennusta käytännöllisesti katsoen mihin tahansa tarkoitukseen ja makuun, kaikki voidaan asentaa muutamalla hiiren napsautuksella. Tavoite pysyy samana: laajennukset auttavat tekemään VS-koodin käyttäjistä tuottavampia lähdekoodin kirjoittamisessa ja muokkauksessa.

VS-koodin muokkausominaisuudet ovat erinomaiset; esimerkiksi sisennykset, katkelma ja hakasulkujen sovitus yksinkertaisesti toimivat eivätkä estä sinua. Se voi olla hieman viivästynyt, kun pureskellaan erittäin suuria tiedostoja (ne, joiden paino on vähintään 5 Mt), mutta toivottavasti se ei päde useimpiin verkkoprojekteihin. Näytön jakamisen, välilehtien, leivänmurujen ja joukon hyödyllisiä View-parametreja tukemalla VS-koodi on helppo noutaa ja käyttää heti. Vaikka toivottavasti Linux-käyttäjät eivät välitä siitä, että VS Code näyttää ja tuntuu Microsoftin tuotteelta.

06. Pinegrow

Linux Web Dev -työkalut: Pinegrow

Kuten vektorieditorissa, Pinegrow toimittaa malleja parannettavaksi(Kuvan luotto: Pinegrow)

Pinegrow on tehokas verkkostudio, jossa on kehitetyt keinot muotoiluun ja visuaaliseen muokkaamiseen. Vaikka monet muut verkkotoimittajat saattavat muistuttaa tekstinkäsittelysovelluksia, Pinegrowia voidaan verrata paremmin vektorieditoriin. Käyttöliittymä on jonkin verran ainutlaatuinen nykyaikaisiin verrattuna, mutta sitä on kuitenkin melko mukava käyttää.

Vaikka voit aloittaa uuden Pinegrow-projektin tyhjällä index.html-tiedostolla ja kirjoittaa kaiken käsin, sovellus kannustaa sinua käyttämään erittäin korkealaatuisia sivumalleja. Mallipohjaisen projektin täyttäminen omalla tekstillä ja kuvilla vie paljon vähemmän vaivaa kuin saman tekeminen tyhjästä. Pinegrow on myös oppaamme ainoa sovellus, joka piilottaa oletuksena verkkoprojektin lähdekoodin - paina Ctrl + E tuoda se esiin. Toisaalta loogisten lohkojen valitseminen sivulta hiirellä ja niiden säätäminen osoittautui nopeammaksi ja tehokkaammaksi kuin koodin kirjoittaminen. Tämän lisäksi Pinegrow lisää upean CSS-visuaalisen editorin, kätevän sivupalkin, jossa on widgetejä, joita voit vetää ja pudottaa kankaalle (painikkeet, taulukot, tekstikentät jne.) Ja joitain (maksettuja) ylimääräisiä laajennuksia.

Kaikista näistä runsaista ominaisuuksista Pinegrow tarjoaa kehittäjille ostovaihtoehtoja, jotka vaihtelevat 36 dollarista 111 dollariin. Peruslisenssin pitäisi riittää yhden sivun verkkosivustoille, kun taas kallis pro-lisenssi sisältää kokoelman WordPress-teemoja. Joka tapauksessa on 30 päivän kokeilujakso, joka riittää ottamaan Pinegrowin pyöriä.

07. Tippuminen

Linux Web Dev -työkalut: Pingendo

Pingendon mallien avulla pääset nopeasti käyntiin(Kuvan luotto: Pingendo)

Monissa suhteissa Tippuva on kuin Pinegrow, vain hieman yksinkertaisempi ja käynnissä maksetulla kuukausittaisella tai vuosittaisella tilauksella (kuten 9 dollaria kuukaudessa). Sovellus on ihanteellinen lasku-, salkku-, ruokalista- tai henkilökohtaisten verkkosivujen tuottamiseen 17 kauniisti muotoillun mallin ansiosta. Tietysti tämä rajoittaa luovuutta jollain tavalla, mutta vastineeksi saat nopeita reseptejä asioiden suorittamiseen. Pingendo tarjoaa runsaan joukon asioita, jotka voi vetää ja pudottaa verkkosivullesi, mukaan lukien kaikenlaisia ​​navigointikohteita, kiekkoa, kytkimiä, merkkejä, kortteja, Google Mapin osia ja muuta.

Pingendo-käyttöliittymä voi tuntua perustavanlaatuisemmalta kuin Pinegrow's, mutta se on myös selkeämpi ja helpompi tottua. Yläpalkissa on esikatseluvaihtoehdot, ja sen avulla näet heti, miltä verkkosivu näyttää älypuhelimen, tabletin tai kannettavan näytön näytöltä. Sisäänvedettävä vasen sivupaneeli on hyvä esimerkki valtavan määrän elementtien piilottamisesta pienikokoisen työkalurivin sisään. Vaikka suurin osa paneeleista ja osista on telakoitu sivuille, jotkut elementit kelluvat kuin erilliset alaikkunat.

Voit esimerkiksi järjestää Projects-puun ja HTML / SASS-ikkunat haluamallasi tavalla tai sulkea ne, jos ne estävät sinua. Pingendon ainoa mahdollinen huijaus on, että se on vain Bootstrap-rakennustyökalu eikä yleinen verkkosivun muokkausohjelma. Samanaikaisesti se on yksi parhaista ratkaisuista Bootstrap-pohjaisten sivustojen rakentamiseen käyttämällä upeaa käyttöliittymää, jolla on paljon sopivuutta ja viimeistelyä.

08. Aptana-studio

Linux Web Dev -työkalut: Aptana

Aptana on ilmainen ja tarjoaa paljon web-kehittäjille ja järjestelmänvalvojille(Kuvan luotto: Aptana)

Aptana antaa sinulle pienen levon maksullisista ohjelmistoista, koska virallinen sivusto lähettää suuren sinisen latauspainikkeen suoraan projektin GitHub-sivulle (siirry kohtaan Julkaisut saadaksesi ohjelmiston nopeasti). Aptana on Java-pohjainen ohjelmisto, joka näyttää enemmän kuin kehittäjän IDE. Ohjelmisto on kuitenkin keskittynyt voimakkaasti verkkoon liittyviin asioihin, ja se voi olla mielenkiintoinen verkkokehittäjille ja järjestelmänvalvojille.

Aloitat tyhjällä näytöllä ja todennäköisesti ensin ohjatun uuden projektin kohdalla. Huomaa joitain kourallisia esiasetuksia, jotka sisältävät Ruby-, Rails- ja PHP-malleja. Näytön vasemmalla puolella olevalla Project Explorer -paneelilla on mahdollista navigoida hakemistorakenteen sisällä ja luoda tiedostoja.

Aptana Studio -ikkunan pääalue on omistettu tekstieditorille, jossa on rivien numerointi, koodin korostus, välilehdet ja muut olennaiset ominaisuudet. Muiden korkealaatuisten IDE-tiedostojen tapaan Aptanalla on koodiavustaja, joka tarjoaa vinkkejä HTML5- ja CSS-tunnisteille sekä Java- ja PHP / Ruby-objekteille. Mukana on myös koodien virheenkorjausohjelma ja edistyneet käyttöönottotyökalut, ja mielestämme tämä yksin tekee Aptanasta suositeltavamman web-kehitystyökalun kuin selainpohjainen editori. Esimerkiksi Aptana toimii hienosti moderneilla suojatuilla SFTP- ja FTPS-yhteyksillä heti laatikosta, mikä on ilmeisesti ongelma monille yksinkertaisemmille sovelluksille.

Älä myöskään unohda Terminaali-välilehteä Aptanan päämuokkausalueen alapuolella. Pääte on tehokas tapa ottaa käyttöön verkkosovelluksia (esim $ mvn puhdas käyttöönotto ) sekä nopean pääsyn koodin vetämiseen, synkronointiin ja yhdistämiseen (esim. Gitin kautta).

Tämä artikkeli julkaistiin alun perin numerossa 319 netto , maailman myydyin verkkosivujen suunnittelijoille ja kehittäjille suunnattu lehti. Tilaa verkko .

Generate CSS - konferenssi verkkosuunnittelijoille: 26. syyskuuta, Rich Mix, Shoreditch, Lontoo

Halvat 15 tuuman MacBook Pro -kotelot
(Kuvan luotto: Tulevaisuus)

Liity mukaan Rich Mixiin, Shoreditchiin 26. syyskuuta. Generate CSS on räätälöity konferenssi web-suunnittelijoille, jonka Creative Bloq, verkko ja Web Designer toivat sinulle. Varaa Early Bird -lippusi ennen 15. elokuuta klo www.generateconf.com .

Lue lisää: