집 > 기사 > 웹 프론트엔드 > vuejs를 작성하는 데 어떤 IDE 도구가 사용됩니까?

vuejs를 작성하는 데 어떤 IDE 도구가 사용됩니까?

青灯夜游원래의: 2021-09-26 18:04:1513804검색

vuejs 작성에 사용할 수 있는 IDE 도구: 1. 풍부한 플러그인을 갖춘 매우 뛰어난 IDE 개발 도구 2. 스마트 IDE인 webStorm 4. HBuilder;

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

vuejs 작성에 사용 가능한 ide 도구:

1. Visual Studio Code

Vscode는 아름다운 인터페이스, 강력하고 실용적인 기능을 갖춘 매우 뛰어난 ide 개발 도구이며 소프트웨어는 중국어를 지원하며 풍부한 기능을 갖추고 있습니다. 플러그인은 구문 강조 조명, 사용자 정의 가능한 키보드 바인딩, 대괄호 일치 및 코드 조각 모음(조각)을 포함하여 최신 편집기에 있어야 하는 모든 기능을 통합합니다. 윈도우, OS X, 리눅스를 지원합니다. 내장된 JavaScript, TypeScript 및 Node.js 지원.

이점:

무료
IntelliSense를 통해 구문 강조 및 자동 완성 기능을 뛰어넘어 보세요.
편집기에서 직접 코드를 디버그하세요.
내장 Git 명령.
확장 가능하고 사용자 정의가 가능합니다.
Microsoft Azure를 사용하여 웹사이트를 쉽게 배포하고 호스팅하세요.
공식 링크 주소: https://code.visualstudio.com/#built-in-git

2, webStorm

WebStorm은 주로 개발에 중점을 두고 JetBrains 팀에서 개발한 지능형 IDE입니다. HTML, CSS 및 JavaScript의. 소액의 라이센스 비용(이 기사 발행 당시 49달러)만 부과되며, 내장된 코드 완성 및 기능 덕분에 숙련된 JavaScript 전문가들 사이에서 널리 인정받고 사실상의 표준으로 여겨지게 된 것은 무리가 아닙니다. 검토 도구는 독특합니다. WebStorm에서는 풍부한 JavaScript 디버거도 사용할 수 있으며 Karma 테스트 실행기, JSDriver, Node.js를 지원하는 Mocha 등 널리 사용되는 다양한 단위 테스트 프레임워크와 통합되어 있습니다.

WebStorm의 가장 뛰어난 기능 중 하나는 실시간 편집 기능입니다. Chrome과 WebStorm 모두에 플러그인이 설치되어 있으면 개발자는 코드를 변경하고 브라우저에서 직접 결과를 확인할 수 있습니다. 개발자는 브라우저 창에서 변경 사항을 강조 표시하도록 실시간 편집을 구성하여 디버깅 및 코딩 생산성을 크게 향상시킬 수도 있습니다.

3. Sublime Text

Sublime Text는 실제로 IDE가 아니지만 프로그래밍을 위한 가볍고 빠른 텍스트 편집기로 구문 강조와 직관적인 키보드 단축키를 제공합니다. 본질적으로 크로스 플랫폼이므로 PC 환경에서 Mac을 사용하려는 개발자에게 이상적입니다(또는 그 반대). Sublime Text의 거의 모든 부분을 사용자 정의할 수 있으며 Git과의 통합, 코드 구성 등 IDE와 유사한 기능을 추가하는 다양한 플러그인도 제공합니다. JavaScript 매니아와 초보 개발자에게 훌륭한 선택입니다.

4. HBuilder

HBuilder는 DCloud(Digital Paradise)에서 출시한 HTML5를 지원하는 웹 개발 IDE입니다. HBuilder는 Java, C, Web 및 Ruby를 사용하여 작성되었습니다. HBuilder의 본체 자체는 Java로 작성되었습니다.

Eclipse 기반이므로 Eclipse 플러그인과 자연스럽게 호환됩니다.

특징:

빠름은 HBuilder의 가장 큰 장점입니다. 완전한 구문 프롬프트, 코드 입력 방법, 코드 블록 등을 통해 HTML, js 및 css의 개발 효율성을 크게 향상시킵니다.

5. Atom

Atom은 GitHub에서 출시한 무료 서식 있는 텍스트 편집기입니다. 시작하기가 매우 쉽고 구성 파일을 변경하지 않고도 설치 후 바로 실행할 수 있습니다. Atom의 가장 흥미로운 점은 Atom의 모든 측면을 사용자 정의할 수 있다는 것입니다(GitHub에서는 이를 "혼잡할 수 있음"이라고 부릅니다). 이는 웹 코어 위에 구축되므로 사용자는 표준 HTML, CSS 및 JavaScript를 작성하여 사용자 정의할 수 있습니다. 모습. Atom에 대해 다른 배경과 텍스트 글꼴을 원하십니까? CSS를 변경하면 됩니다. 또는 Atom용으로 제작된 다양한 테마를 다운로드하여 적용할 수도 있습니다. 이러한 유연성을 통해 Atom을 원하는 방식으로 표시할 수 있습니다. Atom은 사용자 정의에 관심이 있는 새로운 JavaScript 개발자와 사용자를 위한 훌륭한 도구입니다.

vuejs를 작성하는 데 어떤 IDE 도구가 사용됩니까?

관련 기사