현재 프런트엔드 편집기를 살펴보세요.

일부 학생들이 원격으로 코드를 수정하도록 도왔을 때 모든 사람이 사용하는 편집기가 VSCode, WebStorm, 심지어 Sublime까지 다양하다는 것을 알게 되었습니다...

이 점을 상기하지 않을 수 없습니다: [제가 처음 배웠습니다. 프론트엔드에 관해서는 에디터에서 정말 다양한 옵션을 시도했습니다.]

지금까지 저는 "하드코어 팬"으로서 VSCode를 사용하는 데 익숙해졌고, 다른 편집자가 존재한다는 사실조차 "잊었습니다". 이것을 일종의 '집중'이라고 생각하면 됩니다. 그러나 이것은 또한 우리의 선택을 제한합니다.

그래서 오늘은 현재의 프런트엔드 에디터를 살펴보겠습니다. 결국 "백가지 사상 다툼"이 "충돌"하여 더 많은 영감을 얻을 것입니다.

notepad++

장점:

1. 무료 및 오픈 소스: Notepad++는 무료 오픈 소스 소프트웨어입니다. 사용자는 소프트웨어를 무료로 얻을 수 있으며 소스 코드를 자유롭게 수정할 수 있습니다.
2. 경량: Notepad++는 매우 빠르게 시작되고 메모리를 적게 사용하는 간단한 텍스트 편집 작업에 매우 적합합니다.
3. 구문 강조: Notepad++는 다양한 프로그래밍 언어에 대한 구문 강조를 지원하여 프로그래밍을 더욱 편안하게 만듭니다. 하지만 특히 프런트 엔드의 경우 일부 언어의 기본 콘텐츠만 강조 표시할 수 있습니다. jQuery를 포함한 vue 및 React의 강조 효과는 그리 좋지 않습니다.
4. 풍부한 플러그인: Notepad++는 사용자에게 더 많은 도움을 줄 수 있는 많은 플러그인을 지원합니다. 편리하게 개발하고 편집하세요.

단점:

1. 기능은 상대적으로 간단합니다. Notepad++는 텍스트 편집기로 간단한 텍스트 편집에 매우 친숙하고 간단한 코드 편집에도 친숙하지만 그 기능은 전문 통합 개발 환경(IDE)과 비교됩니다. 상대적으로 단순하고 일부 플러그인, 일부 특수 코드 세그먼트, 일부 오류 수정, 코드 확인 등과 같은 일부 고급 기능이 부족합니다.
2. 디버깅을 지원하지 않습니다: Notepad++는 코드 디버깅 기능을 지원하지 않습니다. 코드를 디버그해야 하는데 불편할 수도 있습니다. 프론트엔드 개발을 한다면 브라우저에서 더 많은 디버깅을 할 수 있기 때문에 단점이 뚜렷하지 않지만, 로컬이나 실시간 디버깅이 필요한 다른 언어의 경우에는 단점이 더 뚜렷해질 수 있습니다.
3. 적합하지 않습니다. 대규모 프로젝트의 경우: Notepad++는 상대적으로 간단한 기능을 가지고 있으므로 대규모 프로젝트 개발에는 적합하지 않습니다. 현재 사용자는 보다 전문적인 개발 도구를 사용해야 합니다.
4. Windows 플랫폼에서만 실행: Notepad++는 Windows 플랫폼에서만 실행할 수 있으며 다른 운영 체제에서는 사용할 수 없습니다. 크로스 플랫폼 개발 프로젝트에 도움이 되지 않습니다.

webstorm

이점:

1. 높은 통합: WebStorm은 코드 편집기, 디버거, 버전 제어, 테스트 도구 등을 포함하여 웹 개발에 필요한 많은 도구와 기능을 통합합니다. 설치 후 이러한 도구가 제공하는 기능과 편의성을 직접 얻을 수 있으며 전체 웹 개발 프로세스를 쉽게 완료할 수 있습니다.
2. 여러 기술 지원: WebStorm은 HTML, CSS, JavaScript, React, Angular, Vue.js, Node.js 등과 같은 여러 프런트엔드 및 백엔드 기술을 지원하며 sass 컴파일도 포함합니다. , ts 및 기타 파일이 소프트웨어에 직접 내장되어 있으며 한 번의 설치로 개발자의 다양한 요구를 충족시킬 수 있습니다.
3. 스마트 코드 프롬프트 및 자동 완성: WebStorm의 스마트 코드 프롬프트 및 자동 완성 기능은 개발자가 키 입력 횟수를 줄이고 개발 효율성을 높이는 데 도움이 될 수 있습니다.
4. 강력한 디버깅 기능: WebStorm의 디버깅 기능은 매우 강력하여 프런트엔드 및 백엔드 코드를 쉽게 디버그하고 코드에서 오류와 문제를 찾을 수 있습니다.
5. 풍부한 플러그인 라이브러리: WebStorm에는 내장된 수많은 도구 및 기능 외에도 자체 생태계 내에서 선택할 수 있는 수많은 플러그인이 있어 기능을 쉽게 확장할 수 있습니다.

단점:

1. 높은 가격: WebStorm은 소프트 편집기가 아닌 상용 소프트웨어입니다. 사용하려면 비용을 지불해야 합니다(정품 버전 지원). 가격이 상대적으로 높으며, 개별 개발자에게는 다소 비쌀 수 있습니다. .
2. 가파른 학습 곡선: WebStorm에는 매우 풍부한 기능이 있으므로 학습 곡선이 가파르고 배우고 사용하는 데 일정량의 시간과 에너지가 필요합니다. 특히 일부 내장된 고급 기능에는 많은 시간이 소요됩니다.
3. 리소스를 더 많이 차지합니다. WebStorm은 더 많은 리소스를 차지하고 컴퓨터를 상대적으로 잘 구성해야 합니다. 그렇지 않으면 원활하게 실행되지 않습니다.
4. 웹 개발에만 적합합니다. WebStorm은 IDE입니다. 웹 개발을 위해 특별히 설계된 도구이므로 다른 유형의 개발에는 적합하지 않을 수 있습니다. 이것이 JetBrains의 특징입니다. 예를 들어, 개발을 지원하기 위해 해당 PHPStorm과 JavaStorm이 있습니다.

sublime

장점:

1. 경량: Sublime Text는 매우 빠르게 시작되고 메모리를 덜 사용합니다. 그리고 컴퓨터 구성에 대한 높은 요구 사항도 없습니다.
2. 풍부한 기능: Sublime Text에는 코드 강조 표시, 자동 완성, 매크로 기록, 여러 줄 편집, Goto 등 매우 풍부한 기능이 있습니다. 무엇이든 개발자가 작업을 보다 효율적으로 완료하는 데 도움이 될 수 있습니다.
3. 풍부한 플러그인: Sublime Text는 사용자가 더욱 편리하게 개발하고 편집하는 데 도움이 되는 다양한 플러그인을 지원합니다.
4. 교차 플랫폼 지원: Sublime Text는 Windows, macOS, Linux 등 다양한 플랫폼에서 실행될 수 있어 다중 플랫폼 사용자에게 매우 편리합니다.
5. 높은 사용자 정의 가능: Sublime Text를 사용하면 사용자가 설정, 색상 구성표 및 플러그인을 사용자 정의할 수 있으며 개인 사용 습관에 더 부합하는 개인 희망에 따라 편집기의 테마 구성표를 결정할 수 있습니다.

단점:

1. 유료 소프트웨어: Sublime Text는 평가판 기간을 제공하지만 평가판 기간 이후에도 비용을 지불해야 합니다.
2. 플러그인 품질은 다양합니다. Sublime Text는 다양한 플러그인을 지원합니다. 하지만 이러한 플러그인의 품질은 다양하며 일부 플러그인에는 보안 문제가 있거나 불안정할 수 있습니다.
3. 자동 업데이트를 지원하지 않습니다: Sublime Text는 다른 소프트웨어처럼 자동으로 업데이트되지 않습니다. 일부 업데이트 정보는 스스로 주의해야 하며 설치 패키지를 수동으로 다운로드하여 다시 설치해야 합니다.
4. 커뮤니티 지원 부족: 일부 오픈 소스 편집기에 비해 Sublime Text의 커뮤니티 지원은 그다지 완벽하지 않으며 커뮤니티에서 제공하는 일부 주변 콘텐츠도 고르지 않습니다.
5. 느린 개발 속도: Sublime Text의 개발 속도가 상대적으로 느립니다. 일부 새로운 기능과 업데이트는 출시하는 데 시간이 더 걸릴 수 있습니다.

VSCode(Visual Studio Code)

장점:

1. 경량: VS Code는 빠르게 시작되고 메모리를 덜 사용하며 일부 무거운 IDE 도구보다 가볍습니다.
2. 풍부한 기능: VS Code는 코드 강조 표시, 자동 완성, 디버거, Git 지원, 다국어 지원 등 기능이 매우 풍부합니다.
3. 풍부한 플러그인: VS Code에는 매우 풍부한 플러그인 라이브러리가 있습니다. 사용자는 자신의 필요에 따라 편집기 기능을 확장하는 데 필요한 플러그인을 선택할 수 있습니다.
4. 교차 플랫폼 지원: VS Code는 Windows, macOS 및 Linux와 같은 여러 플랫폼에서 실행될 수 있으므로 다중 플랫폼 사용자에게 매우 편리합니다.
5. 강력한 커뮤니티 지원: VS Code는 사용자가 도움을 받고, 경험을 공유하고, 문제를 논의할 수 있는 강력한 개발 커뮤니티 지원을 제공합니다.

단점:

1. 느린 시작 속도: 일부 경량 편집기에 비해 vscode는 도구 기능 플러그인이 내장되어 크기가 약간 크기 때문에 상대적으로 느리게 시작됩니다.
2. 높은 리소스 사용량: 상대적으로 비교 일부 경량 편집기를 사용하면 VS Code는 많은 리소스를 차지합니다. 상대적으로 말하면 컴퓨터 구성에 대한 요구 사항이 적지만 그다지 크지 않고 허용됩니다.
3. 일부 플러그인은 품질이 좋지 않습니다. 에는 풍부한 플러그인 라이브러리가 있지만 일부 플러그인의 품질이 좋지 않고 보안 문제나 불안정성이 있을 수 있습니다.
4. 구성은 상대적으로 복잡합니다. VS Code의 일부 고급 구성에서는 사용자가 직접 구성해야 하며 일부 초보 사용자가 배우는 데 시간이 걸릴 수 있습니다.

HBuilder

이점:

1. 여러 도구 통합: HBuilder는 코드 편집기, 디버거, 코드 조각 라이브러리, 빌드 도구 등과 같이 일반적으로 사용되는 여러 프런트 엔드 개발 도구를 통합합니다. 사용자는 하나의 인터페이스에서 이를 완료할 수 있습니다. 작업은 개발 효율성을 향상시킵니다.
2. 강력한 프런트 엔드 프레임워크 지원: HBuilder는 Vue.js, React, Angular 등과 같이 널리 사용되는 여러 프런트 엔드 프레임워크를 지원하여 개발자가 보다 편리하게 개발하는 데 도움이 됩니다.
3. 다중 플랫폼 개발 지원: HBuilder는 iOS, Android, 웹, WeChat 애플릿 등과 같은 다중 플랫폼 개발을 지원하여 개발자가 다중 플랫폼 애플리케이션을 보다 편리하게 개발하고 테스트할 수 있도록 돕습니다.
4. 강력한 확장성: HBuilder는 플러그인 확장을 지원합니다. 사용자는 자신의 필요에 따라 플러그인을 설치하고 제거하여 편집기 기능을 사용자 정의할 수 있습니다.
5. 무료 오픈 소스: HBuilder는 직접 설치하고 사용할 수 있는 무료 오픈 소스 소프트웨어이기도 합니다.

단점:

1. 상대적으로 복잡함: 일부 간단한 편집기에 비해 HBuilder의 인터페이스와 조작은 상대적으로 복잡하며 사용자가 익숙해지고 배우려면 일정 시간을 소비해야 합니다.
2. 높은 리소스 사용량: HBuilder는 상대적으로 무거운 편집기로 리소스를 많이 차지하며 원활하게 실행하려면 좋은 성능을 갖춘 컴퓨터가 필요합니다.
3. 플러그인 품질은 다양합니다. HBuilder의 플러그인 라이브러리는 상대적으로 풍부하지만 일부 플러그인의 품질은 다양하며 보안 문제나 불안정성이 있을 수 있습니다.
4. 일부 기능이 불안정함: HBuilder의 일부 기능이 불안정하여 사용자가 사용할 때 문제가 발생할 수 있습니다.
5. 더 많은 홍보성: HBuilder는 홍보가 많이 되어 일부 사용자는 너무 생생하다고 느낄 수 있으므로 단순성과 순수성을 추구하는 사용자에게는 적합하지 않을 수 있습니다.

atom

장점:

1. 무료 및 오픈 소스: Atom은 무료 오픈 소스 코드 편집기이지만 무료 소프트웨어이며 설치 후 사용할 수 있습니다. : Atom은 플러그인 확장을 지원합니다. 사용자는 자신의 필요에 따라 플러그인을 설치하고 제거하여 편집기 기능을 사용자 정의할 수 있으며 플러그인이 많이 있습니다.
2. 활성 커뮤니티: Atom에는 사용자가 도움과 지원을 받을 수 있을 뿐만 아니라 다른 개발자의 경험을 공유하고 배울 수 있는 활성 커뮤니티가 있습니다.
3. 교차 플랫폼 지원: Atom은 Windows, macOS, Linux 등과 같은 여러 플랫폼에서 실행될 수 있으므로 사용자가 다양한 운영 체제에서 개발하는 것이 편리합니다.
4. 높은 사용자 정의: Atom은 구성 파일과 스타일 시트를 통해 사용자 정의할 수 있습니다. 사용자는 자신의 취향에 따라 편집기의 모양과 기능을 설정할 수 있습니다. 저는 개인적으로 Atom의 기본 다크 시리즈 테마를 매우 좋아하고 모두 저에게 잘 맞습니다. .

단점:

1. 높은 리소스 사용량: Atom은 상대적으로 무거운 코드 편집기이므로 많은 리소스를 차지해야 하며 컴퓨터의 구성 요구 사항이 더 높을 수 있습니다.
2. 느린 시작 속도: Atom의 시작 속도는 상대적으로 느리므로 사용자 경험에 영향을 미칠 수 있습니다.
3. 사용자 정의로 인한 불안정성: Atom은 사용자 정의가 매우 가능하지만 이로 인해 특정 불안정성이 발생하고 일부 사용자는 몇 가지 문제에 직면할 수 있습니다.
4. 복잡한 메뉴와 옵션: Atom의 메뉴와 옵션은 번거로워서 때때로 사용자를 혼란스럽게 하고 익숙해지고 숙달하는 데 일정 시간이 필요합니다.
5. 플러그인 품질은 다양합니다. Atom의 플러그인 라이브러리는 양이 풍부하지만 일부 플러그인의 품질은 다양하며 보안 문제나 불안정성이 있을 수 있습니다.

DW(dreamweaver)

장점:

1. 비주얼 디자인: Dreamweaver는 WYSIWYG 웹 디자인을 지원하므로 사용자는 드래그, 선택, 편집 및 기타 작업을 통해 웹 페이지를 빠르게 만들고 디자인할 수 있습니다.
2. 다양한 프로그래밍 언어 지원: Dreamweaver는 HTML, CSS, JavaScript, PHP 등과 같은 여러 프로그래밍 언어를 지원하므로 사용자가 웹 페이지를 편리하게 개발할 수 있습니다.
3. 좋은 통합: Dreamweaver는 Photoshop, Illustrator 등과 같은 다른 Adobe 소프트웨어와 잘 통합되어 있으며 이미지, 아이콘 및 기타 자료를 쉽게 가져오고 편집할 수 있습니다.
4. 다양한 기능: Dreamweaver는 코드 프롬프트, 코드 접기, 코드 강조 표시, 코드 자동 완성 등과 같은 다양한 기능을 제공하여 사용자의 작업 효율성을 향상시킬 수 있습니다.
5. 템플릿 및 라이브러리 지원: Dreamweaver는 사용자가 템플릿과 라이브러리를 빠르게 만들고 사용하여 웹 개발 속도를 높일 수 있도록 템플릿 및 라이브러리 지원을 제공합니다.

단점:

1. 높은 가격: 드림위버는 상용소프트웨어이기 때문에 돈을 써야하고, 가격도 저렴하지 않습니다(정품버전 지원)
2. 높은 학습비용: 드림위버의 기능. 상대적으로 풍부하고 초보자가 배우고 익히는 데 일정 시간이 걸릴 수 있으며 학습 비용이 상대적으로 높습니다.
3. 높은 리소스 사용량: Dreamweaver는 상대적으로 무거운 소프트웨어로 리소스를 많이 차지하며 원활하게 실행하려면 성능이 좋은 컴퓨터가 필요합니다.
4. 불완전한 코드 생성: Dreamweaver는 시각적 디자인을 지원하지만 생성되는 코드에는 몇 가지 문제가 있을 수 있으며 수동 조정 및 최적화가 필요할 수 있습니다.
5. 유연성이 부족함: Dreamweaver의 시각적 디자인은 사용자의 창의성과 상상력을 제한할 수 있으며 유연성과 자유로움이 충분하지 않습니다.