8 가지 최고의 Linux 용 개발 도구

빠르게 변화하는 세상에서 서로 다른 운영 체제 간의 경계는 종종 미묘합니다. 이는 개발 워크 스테이션에서 Linux 사용을 고려하는 웹 마스터에게 좋은 소식입니다. Windows 및 macOS에서 온 콘텐츠 제작자는 종종 Linux에서 Adobe Dreamweaver와 같은 전문가 수준의 소프트웨어를 계속 사용할 것으로 기대하지만 그곳에서는 사용할 수 없다는 사실을 알게됩니다.

Wine을 통해 Linux에서 많은 Windows 응용 프로그램 (Dreamweaver 포함)을 실행할 수 있지만 경험과 데스크탑 통합은 동일하지 않습니다. Linux의 소프트웨어 가용성 상태는 지속적으로 개선되고 있으며, 오늘날 모든 주요 플랫폼 (Windows, macOS 및 Linux)에 대해 많은 상용 제품이 출시되고 있지만 잠재적 인 스위처는 기꺼이 타협하고 때로는 습관을 바꿔야합니다.



우리는 더욱 편안하게 전환 할 수있는 가장 유용한 특수 Linux 애플리케이션을 선택했습니다. 우리의 도구 및 리소스와 마찬가지로 웹 디자인 도구 그들 중 일부는 무료이며 오픈 소스이고 다른 일부는 비용이 들지만 품질과 가격 사이에는 명백한 종속성이 없습니다.



더 많은 조언은 다음 가이드를 참조하십시오. 웹 호스팅 그리고 완벽한 선택 웹 빌더 . 그리고 계속 진행하기 전에 최선을 다하고 있는지 확인하십시오. 클라우드 스토리지 당신의 선택권. 하지만 지금은 사용 가능한 기능을 자세히 살펴 보겠습니다.

01. 씨몽키

Linux 웹 개발 도구 : Seamonkey Composer



Seamonkey Composer는 문서, 마크 업 및 소스 코드 편집기의 세 가지 모드가있는 WYSIWYG 편집기입니다.(이미지 출처 : Seamonkey Composer)

Seamonkey 작곡가 사용하기 가장 쉬운 방법 중 하나입니다. 웹 사이트 빌더 Mozilla 제품과의 호환성이 뛰어납니다. 이 응용 프로그램은 문서 편집기, 마크 업 탐색기 및 소스 코드 편집기의 세 가지 모드가있는 WYSIWYG 편집기입니다 (추가 옵션은 최고의 코드 편집기 ). 가장 간단한 경우, 사용자는 MS Word와 같은 텍스트 프로세서가 제공하는 것과 유사하게 한 줄의 코드를 작성하지 않고도 텍스트, 이미지, 표 및 기타 개체를 정렬 할 수 있습니다. Seamonkey Composer는 정적 웹 사이트에 충분한 적절한 HTML 마크 업을 자동으로 생성합니다.

분명히 대부분의 최신 웹 프로젝트는 많은 JavaScript 및 기타 원격 스크립트를 사용하지만 Composer를 쓸모 없게 만들지는 않습니다. 여전히 기본 디자인을 준비하고 다른 도구를 사용하여 나머지 프로젝트를 마스터 할 수 있습니다. 기본적으로 Composer는 모든 서식있는 텍스트 형식과 스타일을 일반 HTML 코드 내에 바로 저장하지만 Composer에게 CSS 스타일을 사용하도록 지시하고 나중에 별도의 파일로 아웃소싱 할 수 있습니다.

웹 브라우저에로드 된 것처럼 프로젝트의 브라우저와 같은 미리보기를 실시간으로 렌더링하는 멋진 미리보기 탭도 있습니다. 브라우저 부분은 Gecko 기반 Seamonkey Navigator로, 웹 콘텐츠 표시 측면에서 Mozilla Firefox와 크게 다르지 않습니다. Composer에서 가장 편리한 도구 중 하나는 도구 모음의 게시 버튼입니다. 이를 통해 FTP를 통해 사이트 디렉토리에 코드를 빠르고 원활하게 업로드 할 수 있습니다.



02. 얼마

Linux 웹 개발 도구 : Quanta

Quanta는 예전만큼 인기가 없을 수도 있지만 수작업으로 코딩하는 사람들에게는 좋은 선택입니다.(이미지 출처 : Quanta)

얼마예요 요즘에는 잘 알려지지 않은 웹 개발 소프트웨어이지만 얼마 전까지 만해도 최고의 선택이었습니다. 유명한 Quanta Plus 애플리케이션은 웹 디자이너와 개발자를 위해 특별히 맞춤화 된 통합 IDE 였지만 나중에는 KDevelop , 더욱 강력한 크로스 플랫폼 IDE입니다. 그러나 원래 Quanta Plus 프로젝트는 트리니티 데스크탑 환경 t (TDE), KDE3 유지를위한 커뮤니티 노력. 어쨌든 최신 Linux 배포판에 Quanta를 설치하고 풍부한 기능을 활용할 수 있습니다.

다소 구식이지만 Quanta는 현재 웹 프로젝트에 적합한 선택임을 입증했습니다. 편집기는 탭 인터페이스를 자랑하며 텍스트 스타일, 표, 목록, 양식 및 스크립트 작업을 허용합니다. 여전히 Quanta 사용자가 직접 코딩해야한다고 가정하지만 Quanta에서이를 지원하는 많은 도구가 있습니다. 태그 메뉴는 자주 사용되는 태그의 정렬 된 카탈로그를 제공하며 빠른 태그 조회에 이상적입니다. 대부분의 다른 도구도 쉽게 찾을 수 있습니다.

아이폰 8 플러스 vs 아이폰 11 프로 맥스

Quanta Plus의 전통적인 인터페이스 레이아웃 덕분에 여기 저기 수십 가지 고급 기능이 있지만 사용자가 길을 잃을 가능성은 거의 없습니다. 모든 기능이 올바른 위치에 있으므로 Quanta 편집기의 가능성을 탐색하는 것은 결코 번거롭지 않습니다.

03. 블루 그리폰

Linux 웹 개발 도구 : Blue Griffon

BlueGriffon은 복잡한 웹 사이트를위한 HTML 편집기가 될 수 있습니다.(이미지 출처 : Blue Griffon)

블루 그리폰 Mozilla Firefox 렌더링 엔진을 기반으로 구축 된 웹 편집기이지만 이것이 Seamonkey와 공통점이있는 유일한 것입니다. BlueGriffon은 확실히 모든면에서 고급 도구이며 복잡한 웹 사이트를위한 HTML 편집기 역할을 할 수 있습니다. 인터페이스는 정상적인 레이아웃을 가지고 있으며 BlueGriffon이 사용하는 기본 어두운 테마를 제외하고는 평균 워드 프로세서에 가깝습니다.

이 응용 프로그램은 세 가지 변형으로 제공됩니다. 프리웨어 버전에는 필수 WYSIWIG 편집기 기능이 있습니다. 기본 버전 (75 유로)은 CSS 스타일 및 MathML 공식을위한 전용 편집기, 코드 스 니펫, 모바일 버전 미리보기 도구, 프로젝트 관리자 및 소수의 전문가 수준 도구를 포함한 많은 세련된 기능을 추가합니다.

포토샵에서 각도를 변경하는 방법

가장 비싼 EPUB 라이선스 (195 유로)는 EPUB 디자이너를 대상으로하며 프로젝트를 EPUB 2/3로 내보낼 수 있도록 지원합니다. 그러나 BlueGriffon의 무료 버전은 이미 고품질 웹 콘텐츠를 제작할 가치가있는 완전한 애플리케이션입니다.

BlueGriffon의 환경 설정 섹션은 Firefox의 항목과 매우 유사하며 원하는대로 사용자 정의 할 수있는 수많은 항목 외에도 추가 플러그인을 사용하여 BlueGriffon을 확장 할 수도 있습니다. 예를 들어, 빠른 코드 업로드를 위해 누락 된 맞춤법 검사 사전과 FireFTP와 같은 것들을 추가하는 것이 좋습니다.

전반적으로 HTML5, CSS 2.1 및 CSS 3의 많은 부분, CSS 미디어 쿼리, MathML, SVG 등 최신 W3C 표준을 완벽하게 준수하는 강력한 웹 편집기를 사용하는 것이 잘못 될 수 없습니다.

04. 숭고한 텍스트

Linux 웹 개발 도구 : Sublime Text

플러그인을 사용하는 기능은 Sublime Text 소프트웨어를 향상시킵니다.(이미지 출처 : Subime Text)

숭고한 텍스트 웹 사이트 작업에 대한 또 다른 접근 방식을 제공합니다. 이 응용 프로그램은 기본적으로 Electron 프레임 워크를 기반으로하는 강력한 텍스트 편집기이므로 브라우저 엔진이 그 중심에 있습니다. 인터페이스는 미니멀하고 코드 중심입니다. 텍스트 편집 영역으로 만 구성되지만 모든 고급 기능은 메뉴 모음 항목 안에 숨겨져 있습니다. 그러나 Sublime Text UI 레이아웃을보다 까다로운 취향으로 쉽게 조정할 수 있습니다.

보기 메뉴를 사용하면 열 또는 행별로 편집기 패널을 다중화하고 열린 파일 목록이있는 맨 왼쪽 패널을 추가 할 수 있습니다. Sublime Text는 탭 사이를 전환 할 필요없이 한 번에 여러 파일로 작업 할 수 있으므로 생산성을 높이는 데 사용할 수있는 현명한 도구입니다. Sublime Text는 플러그인을 지원하므로이 범용 텍스트 편집기를 웹 중심으로 만들 수 있습니다.

Sublime Text의 플러그인 관리자 인 Package Control을 설치하여 시작하십시오. 그런 다음 JavaScript, HTML 및 CSS의 코드 스 니펫을위한 Emmet, Git 통합 플러그인, 색상 선택기, 코드 최소화 기 등 다양한 추가 기능을 얻을 수 있습니다. 플러그인은 실제로 편집기의 기능에 많은 것을 추가합니다. 예를 들어, SideBarEnhancements 플러그인은 파일 이름 변경, 이동 및 복제를 가능하게하는데, 그렇지 않으면 불가능합니다.

방문하십시오 패키지 관리 사이트 , 모든 종류의 수백 개의 플러그인을 호스팅하며,이 중 다수는 Sublime Text를 웹 개발을위한 멋진 스위스 군용 칼로 변환 할 수 있습니다.

05. Visual Studio 코드

Linux 웹 개발 도구 : VS Code

VS Code는 플러그인과 함께 작동하고 매우 직관적 인 UI를 자랑하는 또 다른 도구입니다.(이미지 출처 : VS Code)

전통적으로 VS 코드 두 코드 편집기 모두 현대적인 디자인, 어두운 테마 및 정중 한 추가 플러그인 세트를 자랑하므로 Sublime Text와 비교합니다. 다시 말하지만, 범용 개발 도구를 웹 중심 소프트웨어로 바꿀 수있는 플러그인입니다. VS Code의 경우 필수 목록에는 Font Awesome 코드, CSS Peek, CSS Tree Validator, Live Sass 컴파일러 및 코드 축소 기 플러그인이 포함됩니다.

VS Code의 가장 큰 장점은 가장 자주 사용되는 도구가 모두 가까이에 있다는 것입니다. 사이드 바에는 프로젝트 탐색기, 검색 및 바꾸기 도구, 소스 제어판, 디버거 및 기본 제공 확장 관리자가 숨겨져 있습니다. 또한 거의 모든 목적과 취향에 맞는 10,000 개 이상의 확장 기능이 있으며, 모두 몇 번의 마우스 클릭으로 설치할 수 있습니다. 목표는 동일합니다. 확장은 VS Code 사용자가 소스 코드를 작성하고 편집 할 때 생산성을 높이는 데 도움이됩니다.

VS Code의 편집 기능은 훌륭합니다. 예를 들어 들여 쓰기, 스 니펫 실행 및 대괄호 일치는 단순히 작동하며 방해가되지 않습니다. 초대형 파일 (5MB 이상)을 씹을 때 약간 느려질 수 있지만 대부분의 웹 프로젝트에는 그렇지 않습니다. 화면 분할, 탭, 빵 부스러기 및 유용한 View 매개 변수를 지원하므로 VS Code를 쉽게 선택하고 바로 사용할 수 있습니다. 바라건대 Linux 사용자는 VS Code가 Microsoft 제품처럼 보이고 느껴진다는 사실에 신경 쓰지 않습니다.

06. 파인 그로

Linux 웹 개발 도구 : Pinegrow

벡터 편집기와 마찬가지로 Pinegrow는 개선 할 수있는 템플릿을 제공합니다.(이미지 출처 : Pinegrow)

Pinegrow 스타일링 및 시각적 편집을 위해 개발 된 수단을 갖춘 강력한 웹 스튜디오입니다. 다른 많은 웹 편집기가 워드 프로세싱 앱과 비슷할 수 있지만 Pinegrow는 벡터 편집기와 비교할 때 더 좋을 수 있습니다. 인터페이스는 동시대에 비해 다소 독특하지만 사용하기 매우 편안합니다.

index.html이 비어있는 새 Pinegrow 프로젝트를 시작하고 모든 것을 손으로 작성할 수 있지만,이 애플리케이션은 매우 높은 품질의 페이지 템플릿을 사용하도록 권장합니다. 처음부터 동일한 작업을 수행하는 것보다 템플릿 기반 프로젝트를 사용자 고유의 텍스트와 이미지로 채우는 데 훨씬 적은 노력이 필요합니다. Pinegrow는 또한 기본적으로 웹 프로젝트의 소스 코드를 숨기는 가이드의 유일한 애플리케이션입니다. Ctrl + E 그것을 불러옵니다. 반면에 마우스를 사용하여 페이지에서 논리 블록을 선택한 다음 조정하는 것이 코드를 작성하는 것보다 더 빠르고 효과적임이 입증되었습니다. 그 위에 Pinegrow는 놀라운 CSS 비주얼 편집기, 캔버스에 드래그 앤 드롭 할 수있는 위젯 (버튼, 테이블, 텍스트 필드 등) 및 일부 (유료) 추가 플러그인이있는 편리한 사이드 바를 추가합니다.

이러한 풍부한 기능에 대해 Pinegrow는 개발자에게 36 달러에서 111 달러까지 다양한 구매 옵션을 제공합니다. 기본 라이선스는 한 페이지 웹 사이트에 충분해야하지만 값 비싼 프로 라이선스에는 WordPress 테마 모음이 포함되어 있습니다. 어쨌든 30 일의 체험 기간이있어 Pinegrow를 돌려 보는데 충분합니다.

07. 물방울

Linux 웹 개발 도구 : Pingendo

Pingendo의 템플릿을 사용하면 빠르게 시작하고 실행할 수 있습니다.(이미지 출처 : Pingendo)

많은 점에서 똑똑 Pinegrow와 비슷하고 조금 더 간단하고 유료 월간 또는 연간 구독 기반으로 실행됩니다 (예 : 월 $ 9). 이 애플리케이션은 멋진 스타일의 17 가지 템플릿 덕분에 랜딩, 포트폴리오, 음식 메뉴 또는 개인 웹 페이지를 생성하는 데 이상적입니다. 물론 이것은 어떤면에서 창의성을 제한하지만 그 대가로 일을 끝내기위한 빠른 레시피를 얻게됩니다. Pingendo는 모든 종류의 내비게이션 항목, 스피너, 스위처, 배지, 카드, Google지도 부분 등을 포함하여 웹 페이지로 끌어서 놓을 수있는 다양한 기능을 제공합니다.

Pingendo 인터페이스는 Pinegrow보다 더 기본적으로 느껴질 수 있지만 더 명확하고 익숙해지기 쉽습니다. 상단 바에는 미리보기 옵션이 있으며 스마트 폰, 태블릿 또는 노트북 화면에서 웹 페이지가 어떻게 보이는지 즉시 확인할 수 있습니다. 접을 수있는 왼쪽 패널은 작은 도구 모음 안에 많은 요소를 숨기는 좋은 예입니다. 대부분의 패널과 섹션은 측면에 도킹되어 있지만 일부 요소는 별도의 하위 창처럼 떠 있습니다.

예를 들어 프로젝트 트리와 HTML / SASS 창을 원하는 방식으로 정렬하거나 방해가되는 경우 닫을 수 있습니다. Pingendo의 유일하게 가능한 실망은 범용 웹 페이지 편집기가 아니라 전적으로 부트 스트랩 빌더라는 것입니다. 동시에 그것은 많은 핏과 마감을 가진 뛰어난 인터페이스를 사용하여 부트 스트랩 기반 사이트를 구축하기위한 최고의 솔루션 중 하나입니다.

08. 압 타나 스튜디오

Linux 웹 개발 도구 : Aptana

포토샵에서 레이어 순서를 뒤집는 방법
Aptana는 무료이며 웹 개발자 및 관리자에게 많은 것을 제공합니다.(이미지 출처 : Aptana)

압 타나 공식 사이트의 큰 파란색 다운로드 버튼이 프로젝트의 GitHub 페이지로 직접 연결되기 때문에 유료 소프트웨어에서 약간의 휴식을 취할 수 있습니다 (소프트웨어를 빨리 받으려면 릴리스로 이동). Aptana는 개발자의 IDE처럼 보이는 Java 기반 소프트웨어입니다. 그러나 소프트웨어는 웹 관련 사항에 중점을두고 있으며 웹 개발자 및 관리자에게 흥미로울 수 있습니다.

빈 화면으로 시작하고 아마도 먼저 새 프로젝트 마법사로 이동합니다. Ruby, Rails 및 PHP 템플릿을 포함하는 몇 가지 사전 설정을 확인하십시오. 화면 왼쪽의 프로젝트 탐색기 패널을 사용하여 디렉토리 구조 내부를 탐색하고 파일을 생성 할 수 있습니다.

Aptana Studio 창의 주요 영역은 줄 번호, 코드 강조, 탭 및 기타 필수 기능이있는 텍스트 편집기 전용입니다. 다른 고품질 IDE와 마찬가지로 Aptana에는 HTML5 및 CSS 태그와 Java 및 PHP / Ruby 개체에 대한 팁을 제공하는 코드 도우미가 있습니다. 또한 코드 디버거와 고급 배포 도구가 포함되어 있으며,이 점만으로도 Aptana를 브라우저 기반 편집기보다 선호하는 웹 개발 도구로 만듭니다. 예를 들어, Aptana는 최신 보안 SFTP 및 FTPS 연결에서 바로 사용할 수 있도록 잘 작동하며, 이는 많은 간단한 응용 프로그램에서 분명히 문제 지점입니다.

또한 Aptana의 기본 편집 영역 아래에있는 터미널 탭을 놓치지 마십시오. 터미널은 웹 응용 프로그램을 배포하는 효율적인 방법입니다 (예 : $ mvn clean deploy )뿐만 아니라 코드 풀링, 동기화 및 병합에 대한 빠른 액세스 (예 : Git를 통해).

이 기사는 원래 319 호에 게시되었습니다. 그물 , 웹 디자이너와 개발자를위한 세계 베스트셀러 잡지입니다. 인터넷 구독 .

CSS 생성 – 웹 디자이너를위한 컨퍼런스 : 9 월 26 일, Rich Mix, Shoreditch, London

(이미지 출처 : Future)

9 월 26 일 Rich Mix, Shoreditch에서 Creative Bloq, net 및 Web Designer가 제공하는 웹 디자이너를위한 맞춤형 컨퍼런스 인 Generate CSS에 참여하십시오. 8 월 15 일 이전에 얼리 버드 티켓을 예약하세요. www.generateconf.com .

더 읽어보기 :