8 най-добри dev инструменти за Linux

В нашия бързо променящ се свят границите между различните операционни системи често са фини, което е добра новина за уеб майсторите, които обмислят да използват Linux на работните си станции за разработка. Създателите на съдържание, които идват от Windows и macOS, често очакват да продължат да използват своя софтуер на професионално ниво като Adobe Dreamweaver в Linux, но установяват, че той не е наличен там.

Въпреки че е възможно да стартирате много приложения на Windows (включително Dreamweaver) в Linux чрез Wine, опитът и интеграцията на работния плот няма да бъдат еднакви. Състоянието на наличност на софтуер в Linux непрекъснато се подобрява, като днес се пускат много търговски продукти за всички основни платформи - Windows, macOS и Linux - но потенциалните превключватели трябва да са готови да правят компромиси и понякога да променят навиците си.

Избрахме най-полезните специализирани приложения за Linux, които ще направят прехода по-удобен. Точно като инструментите и ресурсите в нашата инструменти за уеб дизайн обзор, някои от тях са безплатни и с отворен код, други струват пари, но няма очевидна зависимост между качеството и цената.



За повече съвети вижте нашите ръководства за уеб хостинг и избора на перфектното уеб конструктор . И преди да продължите напред, уверете се, че имате най-доброто съхранение в облака за вашите възможности. Но засега нека разгледаме по-отблизо наличните.

01. Seamonkey

Инструменти на Linux Web Dev: Seamonkey Composer

Seamonkey Composer е редактор на WYSIWYG с три режима: редактор на документи, маркиране и изходен код(Кредит за изображение: Seamonkey Composer)

Композитор на Seamonkey е един от най-лесните за използване строители на уебсайтове и има страхотна съвместимост с продуктите на Mozilla. Приложението е WYSIWYG редактор с три режима: редактор на документи, изследовател на маркиране и редактор на изходен код (за повече опции вижте нашето ръководство за най-добрите редактори на кодове ). В най-простия случай потребителят може просто да подреди текст, изображения, таблици и други обекти, без да пише нито един ред код, подобно на това, което предоставя текстов процесор като MS Word. Seamonkey Composer автоматично ще създаде подходяща HTML маркировка, която ще бъде достатъчна за статични уеб сайтове.

Очевидно повечето съвременни уеб проекти използват много JavaScript и други отдалечени скриптове, но това не прави Composer безполезен. Все още можете да подготвите основен дизайн с него и да овладеете останалите проекти с други инструменти. По подразбиране Composer съхранява форматирането и стиловете с богат текст директно в обикновения HTML код, но е възможно да се каже на Composer да използва CSS стилове и по-късно да го възложи на отделен файл.

Съществува и хубавият раздел Preview, който прави визуализация на вашия браузър като визуализация на живо, сякаш е зареден в уеб браузър. Частта на браузъра е базираната на Gecko Seamonkey Navigator, която не се различава много от Mozilla Firefox по отношение на показването на уеб съдържание. Един от най-удобните инструменти в Composer е бутонът Publish в лентата с инструменти. Това позволява бързо и безпроблемно качване на вашия код директно в директорията на сайта чрез FTP.

02. Колко

Инструменти на Linux Web Dev: Quanta

Quanta може да не е толкова популярен, както преди, но е добър избор за тези, които кодират на ръка(Кредит за изображение: Quanta)

Колко е може би по-малко известна част от софтуера за уеб разработка в наши дни, но това беше избор номер едно не толкова отдавна. Известното приложение Quanta Plus беше интегрирана IDE, специално пригодена за уеб дизайнери и разработчици, но по-късно беше погълната от KDevelop , още по-мощен крос-платформен IDE. Оригиналният проект Quanta Plus обаче продължава да живее под патронажа на Trinity Desktop Environment t (TDE), усилие на общността за поддържане на KDE3. Във всеки случай все още е възможно да инсталирате Quanta в модерна дистрибуция на Linux и да се възползвате от богатия му набор от функции.

Макар и малко старомоден, Quanta се оказа жизнеспособен избор за днешния уеб проект. Редакторът разполага с интерфейс с раздели и позволява работа със стилове на текст, таблици, списъци, формуляри и скриптове. Все още се предполага, че потребителят на Quanta се очаква да кодира на ръка, но има много инструменти, които да ви подкрепят с това в Quanta. Менюто Тагове предлага сортиран каталог с често използвани маркери и е идеално за бързо търсене на маркери. Повечето от другите инструменти също са лесни за намиране.

Благодарение на традиционното оформление на интерфейса на Quanta Plus, тук и там има десетки усъвършенствани функции, но е малко вероятно потребителят да се изгуби. Всяка функция е разположена на правилното място и следователно проучването на възможностите на редактора на Quanta никога не е обезпокоително.

03. Блугрифон

Инструменти на Linux Web Dev: Blue Griffon

как да направя офиса по-удобен
BlueGriffon може да бъде HTML редактор за сложни уеб сайтове(Кредит за изображение: Blue Griffon)

BlueGriffon е уеб редактор, изграден около механизма за рендиране на Mozilla Firefox, но това е може би единственото нещо, което има общо със Seamonkey. BlueGriffon със сигурност е по-усъвършенстван инструмент във всички отношения и може да служи като HTML редактор за сложни уеб сайтове. Интерфейсът има разумно оформление и се чувства близо до средния текстов процесор, с изключение може би на тъмната тема по подразбиране, която BlueGriffon използва.

Приложението се предлага в три варианта: безплатната версия има основни функции на WYSIWIG редактор; основната версия (75 евро) добавя много вкусни функции, включително специални редактори за CSS стилове и MathML формули, кодови фрагменти, инструмент за предварителен преглед на мобилна версия, мениджър на проекти и куп инструменти на ниво ниво.

Най-скъпият лиценз за EPUB (195 евро) е насочен повече към дизайнерите на EPUB и предоставя поддръжка за експортиране на проекти към EPUB 2/3. Безплатната версия на BlueGriffon обаче вече е пълноценно приложение, което си заслужава да се опита за създаване на висококачествено уеб съдържание.

Разделът Предпочитания в BlueGriffon е много подобен на този във Firefox и освен многобройните неща, които можете да персонализирате по ваш вкус, възможно е да разширите BlueGriffon и с допълнителни приставки. Например добро начало е да добавите липсващи речници за проверка на правописа и може би неща като FireFTP за бързо качване на код.

Като цяло не можете да сгрешите с наличието на мощен уеб редактор, който напълно отговаря на най-новите стандарти на W3C, включително HTML5, CSS 2.1 и големи части на CSS 3, CSS Media Queries, MathML, SVG и т.н.

04. Възвишен текст

Инструменти на Linux Web Dev: Възвишен текст

Възможността за използване на приставки издига софтуера Sublime Text(Кредит за изображение: Subime Text)

Възвишен текст предлага още един подход за работа с уеб сайтове. Приложението е основно суперзареден текстов редактор, базиран на рамката на Electron, така че в сърцето му има двигател на браузъра. Интерфейсът е минималистичен и фокусиран върху кода; той се състои само от област за редактиране на текст, докато всички разширени функции са скрити в елементите в лентата на менюто. Въпреки това е лесно да настроите оформлението на Sublime Text UI към по-взискателен вкус.

Менюто Преглед ви позволява да мултиплексирате панела на редактора или по колони, или по редове, а също така да добавите най-левия панел със списъка с отворени файлове. Оказва се, че Sublime Text е разумен инструмент за повишаване на вашата производителност, тъй като позволява работа с няколко файла наведнъж, дори без да е необходимо да превключвате между разделите. Sublime Text поддържа плъгини и това е точката, в която можем да направим този текстов редактор с общо предназначение по-фокусиран в мрежата.

Започнете с инсталирането на Package Control, мениджър на приставки за Sublime Text. Тогава ще можете да получите различни допълнителни добрини, като Emmet за кодови фрагменти в JavaScript, HTML и CSS, приставката за интегриране на Git, избор на цвят, миниатър на код и много други. Приставките наистина добавят много към функционалността на редактора. Например приставката SideBarEnhancements позволява преименуване на файлове, преместване и дублиране, което не е възможно по друг начин.

Посетете Сайт за контрол на пакета , който е домакин на стотици плъгини от всякакъв вид, много от които могат да трансформират Sublime Text в зашеметяващ швейцарски нож за уеб разработка.

05. Код на Visual Studio

Инструменти на Linux Web Dev: VS код

VS Code е друг инструмент, който работи с плъгини и може да се похвали с много интуитивен потребителски интерфейс(Кредит на изображението: VS код)

Традиционно, VS код прави сравнения с Sublime Text, тъй като и двата редактора на код се отличават с модерен дизайн, тъмна тема и уважителен набор от допълнителни приставки. Отново, приставките могат да превърнат инструмент за общо предназначение в уеб-фокусиран софтуер. В случай на VS Code, задължителният списък включва Font Awesome кодове, CSS Peek, CSS Tree Validator, Live Sass Compiler, както и приставка за миниатър на кода.

Най-силното при VS Code е, че той разполага с всички най-често използвани инструменти на близък обхват: страничната лента скрива изследовател на проекти, инструмент за търсене и замяна, контролен панел на източника, дебъгер и вграден мениджър на разширения. Има и над 10 000 налични разширения за почти всякакви цели и вкус, всички могат да бъдат инсталирани с няколко щраквания на мишката. Целта остава същата: разширенията помагат на потребителите на VS Code да бъдат по-продуктивни при писането и редактирането на изходния код.

Функциите за редактиране в VS Code са превъзходни; например, отстъп, изпълнение на фрагменти и съвпадение на скоби просто работят и не ви пречат. Може да е малко изостанал, когато дъвчете изключително големи файлове (тези с тегло 5MB и повече), но това се надяваме да не е така за повечето уеб проекти. С поддръжката на разделяне на екрана, раздели, трохи за хляб и куп полезни параметри за преглед, VS Code е лесно да се вземе и да се използва веднага. Въпреки че се надяваме, че потребителите на Linux нямат нищо против, че VS Code изглежда и се чувства като продукт на Microsoft.

06. Pinegrow

Инструменти на Linux Web Dev: Pinegrow

Подобно на векторния редактор, Pinegrow предоставя шаблони, които да подобрите(Кредит за изображение: Pinegrow)

Pinegrow е мощно уеб студио с разработени средства за стилизиране и визуално редактиране. Докато много други уеб редактори могат да приличат на приложения за текстообработка, Pinegrow може да бъде по-добър в сравнение с векторния редактор. Интерфейсът е донякъде уникален в сравнение със съвременниците си, но въпреки това е доста удобен за използване.

Въпреки че можете да стартирате нов проект на Pinegrow с празен index.html и да напишете всичко на ръка, приложението ви насърчава да използвате шаблони за страници, които са с много високо качество. Необходими са много по-малко усилия, за да попълните шаблонен проект със собствен текст и изображения, отколкото да направите същото от нулата. Pinegrow е и единственото приложение в нашето ръководство, което по подразбиране крие изходния код на уеб проект - натиснете Ctrl + E да го повдигне. От друга страна, използването на мишката за избор на логически блокове на страницата и след това тяхното коригиране се оказа по-бързо и по-ефективно от писането на код. На всичкото отгоре Pinegrow добавя прекрасен CSS визуален редактор, удобна странична лента с приспособления, които можете да плъзгате и пускате върху платното (бутони, таблици, текстови полета и т.н.) и някои (платени) допълнителни приставки.

За всички тези изобилни функции Pinegrow предлага на разработчиците опции за закупуване, които варират от 36 до 111 долара. Основният лиценз трябва да е достатъчен за уеб страници с една страница, докато скъпият професионален лиценз включва колекция от теми на WordPress. Във всеки случай има 30-дневен пробен период, който е достатъчен, за да вземете Pinegrow за завъртане.

07. Капене

Инструменти на Linux Web Dev: Pingendo

Шаблоните на Pingendo ви позволяват бързо да стартирате и да работите(Кредит за изображение: Pingendo)

В много отношения Капе е като Pinegrow, само малко по-опростен и работи на платен месечен или годишен абонамент (като $ 9 на месец). Приложението е идеално за създаване на кацане, портфолио, меню за храна или лични уеб страници, благодарение на 17-те добре оформени шаблона. Разбира се, това ограничава креативността в някои отношения, но в замяна получавате бързи рецепти за приключване на нещата. Pingendo предлага богат набор от неща, които можете да плъзнете и пуснете на вашата уеб страница, включително всякакви навигационни елементи, въртящи се устройства, превключватели, значки, карти, части на Google Map и други.

Интерфейсът Pingendo може да се чувства по-елементарен от този на Pinegrow, но също така е по-ясен и по-лесен за свикване. Горната лента има опции за предварителен преглед и ви позволява незабавно да видите как ще изглежда уеб страницата на екран на смартфон, таблет или преносим компютър. Прибиращият се ляв панел е добър пример за скриване на огромен брой елементи в компактната лента с инструменти. Докато повечето панели и секции са закачени отстрани, някои елементи се носят като отделни подпрозорци.

Например можете да подредите дървото на проектите и прозорците HTML / SASS, както искате, или да ги затворите, ако ви пречат. Единственото възможно разочарование на Pingendo е, че той е единствено конструктор на Bootstrap, а не универсален редактор на уеб страници. В същото време това е едно от най-добрите решения за изграждане на базирани на Bootstrap сайтове, като се използва превъзходен интерфейс с много прилягане и завършване.

08. Aptana Studio

Инструменти на Linux Web Dev: Aptana

Aptana е безплатна и предлага много за уеб разработчици и администратори(Кредит за изображение: Aptana)

Аптана ще ви даде малко почивка от платения софтуер, тъй като големият син бутон за изтегляне от официалния сайт води директно до страницата на проекта GitHub (преминете към Releases, за да получите софтуера бързо). Aptana е Java-базиран софтуер, който прилича повече на IDE на разработчика. Софтуерът обаче се фокусира силно върху неща, свързани с мрежата, и може да бъде интересен за уеб разработчиците и администраторите.

Започвате с празен екран и вероятно първо отивате в съветника за нов проект. Забележете някои шести настройки, които включват Ruby, Rails и PHP шаблони. С помощта на панела Project Explorer от лявата страна на екрана е възможно да се придвижвате в структурата на директориите и да създавате файлове.

Основната област на прозореца на Aptana Studio е посветена на текстов редактор с номериране на редове, подчертаване на код, раздели и други основни функции. Подобно на други висококачествени IDE, Aptana има помощник за код, който предоставя съвети за HTML5 и CSS тагове, както и за Java и PHP / Ruby обекти. Включени са също дебъгер на кодове и разширени инструменти за внедряване и според нас само това прави Aptana по-предпочитан инструмент за уеб разработка от браузърен редактор. Например, Aptana работи отлично с модерни защитени SFTP и FTPS връзки веднага, което очевидно е проблем за много по-прости приложения.

Също така, не пропускайте раздела Терминал под основната област за редактиране в Aptana. Терминалът е ефективен начин за разполагане на уеб приложения (напр. С $ mvn чисто разгръщане ), както и бърз достъп до изтегляне, синхронизиране и обединяване на код (например чрез Git).

Тази статия първоначално е публикувана в брой 319 от нето , най-продаваното списание в света за уеб дизайнери и разработчици. Абонирайте се за net .

Generate CSS - конференцията за уеб дизайнери: 26 септември, Rich Mix, Shoreditch, Лондон

(Кредит за изображение: бъдеще)

Присъединете се към нас в Rich Mix, Shoreditch на 26 септември за Generate CSS, поръчкова конференция за уеб дизайнери, представена от Creative Bloq, net и Web Designer. Резервирайте билета си за Early Bird преди 15 август в www.generateconf.com .

Прочетете още: