자바스크립트용 IDE가 있나요?-프런트엔드 Q&A-php.cn

자바스크립트용 IDE가 있나요?

青灯夜游

풀어 주다： 2021-10-13 16:09:06

원래의

1932명이 탐색했습니다.

Javascript에는 Visual Studio Code, Atom, WebStorm, IntelliJ IDEA, Brackets, Microsoft Visual Studio, Komodo 등과 같은 IDE가 있습니다.

자바스크립트용 IDE가 있나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

통합 개발 환경(IDE, Integrated Development Environment)은 일반적으로 코드 편집기, 컴파일러, 디버거 및 그래픽 사용자 인터페이스와 같은 도구를 포함하는 프로그램 개발 환경을 제공하는 데 사용되는 애플리케이션입니다. 코드 작성 기능, 분석 기능, 컴파일 기능, 디버깅 기능 등을 통합하는 통합 개발 소프트웨어 서비스 제품군입니다. 이 기능을 갖춘 모든 소프트웨어 또는 소프트웨어 패키지(그룹)를 통합 개발 환경이라고 할 수 있습니다. Microsoft의 Visual Studio 시리즈, Borland의 C++ Builder, Delphi 시리즈 등 프로그램은 독립적으로 실행되거나 다른 프로그램과 함께 실행될 수 있습니다. IDE는 주로 HTML 응용 소프트웨어를 개발하는 데 사용됩니다. 예를 들어, 많은 작업이 자동으로 생성되기 때문에 많은 사람들이 웹 사이트를 디자인할 때 IDE(예: HomeSite, DreamWeaver 등)를 사용합니다.

모든 개발자는 자신이 가장 좋아하는 IDE를 가지고 있습니다.

개발에 가장 적합한 IDE를 어떻게 선택하나요? 음, IDE의 기능이 이 선택에 영향을 미칩니다. 그러나 일반적으로 각 개발자의 선호도로 귀결되며 이는 매우 주관적인 선택입니다.

JavaScript 개발을 위한 최고의 IDE를 살펴보겠습니다.

1. Visual Studio Code

자바스크립트용 IDE가 있나요?
Visual Studio Code(일명 VS Code)는 Microsoft의 제품입니다. 이를 주로 .NET 개발용인 Visual Studio와 혼동하지 않는 것이 중요합니다.

이것은 제가 본 최고의 IDE 중 하나입니다. 나는 여러분 대부분이 이 IDE에 대한 개인적인 경험이 있을 것이라고 믿습니다. 매우 강력하고 기능이 풍부하며 무엇보다도 무료로 사용할 수 있습니다.

대부분의 개발자가 VS Code를 사용해 본 적이 있을지라도 모든 사람이 VS Code의 강력한 기능을 아는 것은 아닙니다. 이제 그 중 일부를 살펴보면 지난 몇 년 동안 무엇을 놓치고 있었는지 이해하게 될 것입니다.

Visual Studio Code는 여러 언어(JavaScript, TypeScript 등)를

지원합니다. C#, C++, Python 등의 에코시스템을 지원하기 위해 여기에 사용자 지정 확장을 설치할 수 있습니다.
구문 강조
IntelliSense를 통한 자동 완성
실행 중인 애플리케이션을 연결하고 중단점을 포함하여 코드를 디버그하는 기능
코딩 효율성을 높이는 단축키
다양한 추가 기능(예: Docker 확장)을 지원하는 확장 기능이 있는 시장
통합 Visual Studio Code 온라인 기능
확장을 통한 버전 제어

또한 Visual Studio Code에는 편리한 원격 공동 작업 기능도 있습니다. 이는 Microsoft에서 제공하는 Live Share라는 서비스를 통해 달성됩니다. 개발자를 초대하여 프로젝트를 함께 작업할 수 있으며, 동일한 파일을 동시에 편집할 수 있습니다. 파일에서 상대방의 커서도 볼 수 있습니다.

멋지지 않나요?

VS Code에 관해서도 알아야 할 몇 가지 단점이 있습니다.

JavaScript가 아닌 다른 언어로 코딩하는 경우 환경을 설정하는 데 약간의 시간과 노력이 필요할 수 있습니다.
Chrome을 기반으로 제작되었기 때문에 메모리를 많이 차지합니다.

하지만 단점을 제외하면 이것은 최고의 JavaScript 개발 IDE이므로 아직 확인하지 않았다면 꼭 확인해야 합니다.

2. Atom

자바스크립트용 IDE가 있나요?

Atom은 Visual Studio Code 출시 이전에도 많은 주목을 받았던 오픈 소스 IDE입니다. GitHub에서 지원되기 때문에 인기가 높습니다. Atom은 Electron 애플리케이션입니다.

Atom은 여러 면에서 VS Code와 유사합니다. 윈도우, 맥, 리눅스를 지원합니다. 무료로 사용할 수 있으며 MIT 라이센스에 따라 라이센스가 부여됩니다. 또한 코드 자동 완성, 여러 프로젝트 지원, 다중 섹션 편집과 같은 기능도 있습니다.

Atom의 한 가지 단점은 VS Code보다 느리다는 것입니다. 이는 Atom이 VS Code의 내장 기능이 아닌 확장을 통해 대부분의 기능을 제공하기 때문입니다.

그러나 전반적으로 Atom은 기능이 풍부하고 사용자 정의가 가능한 21세기용 IDE입니다.

3. WebStorm

자바스크립트용 IDE가 있나요?
소프트웨어 업계에 잠시 종사하셨다면 IDE 개발 회사인 JetBrains에 대해 들어보셨을 것입니다. WebStorm은 JavaScript 개발에 중점을 둔 JetBrains의 제품이기도 합니다.

JavaScript, HTML, CSS, Angular JS, TypeScript, Node.js, Meteor, ECMAScript, React, Vue.js, Cordova 등과 같은 다양한 기술과 언어를 지원합니다. WebStorm은 Windows, Mac 및 Linux 운영 체제와 호환됩니다.

WebStorm의 주요 기능 중 일부는 다음과 같습니다

스마트 코드 완성
다중 할 일
자동으로 코드 리팩터링
디버거
구문 오류 감지
단위 테스트
화살표 함수를 사용하여 변수로 변환
VCS(Veritas Cluster Server)와 통합
매개변수 팁
Git 통합

VS Code에 비해 WebStorm에는 단축키도 많아 코딩이 더 편리하고 빠릅니다.

그러나 이 IDE의 한 가지 주요 단점은 독점 소프트웨어이며 일상적인 코딩에서 WebStorm을 사용하려면 라이센스를 구입해야 한다는 것입니다. 그러나 JetBrains를 사용하면 학생 패키지 및 오픈 소스 프로젝트와 같은 몇 가지 시나리오에서 WebStorm을 무료로 얻을 수 있습니다.

4. IntelliJ IDEA

자바스크립트용 IDE가 있나요?
IntelliJ IDEA는 JetBrains의 또 다른 IDE입니다. Community Edition과 Ultimate Edition의 두 가지 버전으로 제공됩니다. Community Edition은 무료로 사용할 수 있지만 Ultimate Edition은 라이센스를 구매해야 합니다.

이 IDE는 이전에 이야기한 모든 IDE와 유사하게 기능이 풍부합니다. 일부 기능은 다음과 같습니다.

고급 코드 완성
내장 정적 코드 분석기
대부분의 애플리케이션 서버를 위한 배포 및 디버깅 도구
테스트 실행기 사용자 인터페이스
코드 적용 범위
Git 통합
다양한 지원 빌드 시스템
광범위한 데이터베이스 편집기 및 UML 디자이너
Google App Engine, Grails, GWT 지원
HTML, CSS 및 Java용 스마트 텍스트 편집기
통합 버전 제어
자동 실행 반복 프로그래밍 작업

IntelliJ IDEA인 것 같습니다. 두 가지 주요 단점이 있습니다. 첫 번째이자 가장 큰 단점은 Community Edition이 기본적으로 Java와 Kotlin만 지원하고 다른 언어는 플러그인으로 거의 지원하지 않는다는 것입니다. JavaScript를 사용하려면 무료가 아닌 Ultimate Edition을 선택해야 합니다. 이 IDE의 다음 단점은 학습 곡선이 가파르다는 것입니다. 따라서 아직 IntelliJ IDEA에 익숙하지 않다면 하루아침에 배우지 못할 수도 있습니다.

5. Brackets

자바스크립트용 IDE가 있나요?
인기 있는 웹 디자인용 IDE를 찾고 있다면 Brackets가 첫 번째 선택입니다. 이는 특히 웹 디자인을 지원하고 다음 사항을 용이하게 합니다.

시각적 도구 세트.
전처리기 지원.

VS Code 및 Atom과 유사하게 Brackets도 무료로 사용할 수 있습니다.

다른 편집기와 비교하여 Brackets는 몇 가지 독특한 기능을 제공합니다. 그들은

인라인 편집자입니다.
실시간 미리보기 - 변경 사항이 있을 때마다 브라우저에 실시간으로 연결할 수 있으며 화면에서 즉시 확인할 수 있습니다.
전처리기 지원 - 이를 통해 LESS 및 SCSS 파일을 빠르게 편집하고 실시간 강조 표시할 수 있습니다.

이것이 웹 디자인 및 개발을 지원하는 최고의 IDE 중 하나라는 것은 말할 필요도 없습니다.

6.Microsoft Visual Studio

Visual Studio는 .NET IDE에 더 적합하고 WebStorm만큼 JS에는 적합하지 않지만 일반적으로 매우 좋은 JavaScript IDE입니다.

자바스크립트용 IDE가 있나요?

모두 아시다시피 Visual Studio는 Android, iOS, Mac, Windows, 웹 및 클라우드용 개발 앱으로, 손쉬운 디버깅 및 진단을 위해 코드를 빠르게 탐색, 작성 및 수정하고 원하는 대로 확장하고 사용자 지정할 수 있습니다. , 효과적으로 협업합니다.

7.Komodo

Komodo는 고급 JavaScript 편집, 구문 강조, 탐색 및 디버깅 기능을 제공하지만 JavaScript 코드 검사 기능은 포함하지 않습니다. 이를 위해 셸에서 JSHint를 실행할 수 있습니다. Komodo IDE는 Windows, Mac OS X 및 Linux에서 실행되며 Python, Perl, PHP 및 Ruby와 같은 일반적인 오픈 소스 언어를 지원합니다. 코드 인텔리전스 엔진은 매우 안정적입니다. PEAR 모듈과 같은 사용자 정의 확장에 대한 모든 언어 설치를 검색합니다. 프로젝트 측면에서는 CVS, Subversion 및 Perforce와의 통합을 지원하며 서버로의 직접 FTP 코드 전송도 허용합니다.

자바스크립트용 IDE가 있나요?