반응을 작성하려면 어떤 편집기를 사용해야 합니까?

다음과 같은 다양한 편집기를 사용하여 반응을 작성할 수 있습니다. 1. 크로스 플랫폼 텍스트 편집기인 Atom 2. 크로스 플랫폼 소스 코드 편집기인 Visual Studio Code 3. WebStorm 편집기; ; 5, 고도로 구성 가능한 텍스트 편집기인 Vim 등.

이 튜토리얼의 운영 환경: windows7 시스템, React17 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: "react 비디오 튜토리얼"

Atom

Atom은 프로그래머를 위해 특별히 출시된 크로스 플랫폼 텍스트 편집기입니다. Atom은 다양한 프로그래밍 언어의 개발자에 의해 널리 사용됩니다. 유용한 플러그인을 많이 제작한 크고 활동적인 커뮤니티가 있습니다.

공식 웹사이트: https://atom.io/

기능:

교차 플랫폼 편집

내장 패키지 관리자

스마트 자동 완성

파일 시스템 브라우저

다중 창

찾기 및 바꾸기

Visual Studio Code

Visual Studio Code는 최신 웹 및 클라우드 애플리케이션 작성을 위해 Microsoft에서 Windows, Linux 및 OS X용으로 개발한 크로스 플랫폼 소스 코드 편집기입니다. . 무료 오픈 소스이며 디버깅, 내장형 Git 컨트롤, 구문 강조, 스마트 코드 완성, 코드 조각 및 코드 리팩토링을 지원합니다.

공식 웹사이트: https://code.visualstudio.com/

기능:

내장 Git 명령

확장 및 사용자 정의 가능

해당 플러그인 설치

필수: ESLint, DocumentThis, EasyLess, Complete JSDoc 태그, vscode -flow-ide, React 네이티브 도구, vscode-wechat, npm, babel-javascript, Chrome용 디버거, git 렌즈, 노드 디버그 2,

선택 사항: javascript(ES6) 코드 조각, Reactjs 코드 조각, 반응- es6/es7용 기본/반응/redux 스니펫, 잘못된 문자 강조, 색상 강조, Path Intellisense, 부분 비교

WebStorm

WebStorm은 JetBrains가 15년 이상 개발하고 개선한 오픈 소스 IntelliJ 플랫폼을 기반으로 구축되었습니다. 연령. VSC, 로컬 히스토리 기능과의 긴밀한 통합을 제공하고 활기찬 플러그인 생태계를 갖추고 있으며 완전히 구성 가능하며 다양한 기타 기능을 제공합니다. WebStorm은 React 및 JSX에 대한 고급 지원을 제공하고 React Native 애플리케이션에 대한 핵심 코딩 지원을 제공합니다.

공식 웹사이트: https://www.jetbrains.com/webstorm/

기능:

스마트 코딩 지원

최신 기술 지원

버전 제어 시스템

원활한 도구 통합

디버깅, 추적 및 테스트

내장 터미널

Sublime Text

Sublime Text는 텍스트 편집기입니다(유료 소프트웨어, 무제한으로 평가판을 사용할 수 있지만 활성화 프롬프트 팝업 창이 표시됨). 코드 편집기. Sublime Text는 프로그래머 Jon Skinner가 2008년 1월에 개발했습니다. 원래는 풍부한 확장 기능을 갖춘 Vim으로 설계되었습니다.

Sublime Text는 아름다운 사용자 인터페이스와 코드 썸네일, Python 플러그인, 코드 조각 등과 같은 강력한 기능을 갖추고 있습니다. 키 바인딩, 메뉴 및 도구 모음도 사용자 정의할 수 있습니다. Sublime Text의 주요 기능에는 맞춤법 검사, 북마크, 완전한 Python API, Goto 기능, 즉각적인 프로젝트 전환, 다중 선택, 다중 창 등이 포함됩니다. Sublime Text는 Windows, Linux, Mac OS X 및 기타 운영 체제를 지원하는 크로스 플랫폼 편집기입니다.

공식 웹사이트: https://www.sublimetext.com/

기능:

Goto Anything 기능

다중 선택

명령 터미널

분할 방지 모드

분할 편집

즉시 프로젝트 전환

플러그 -API

무엇이든 맞춤화하세요

Cross-platform

Sublime Text 공통 패키지

babel-sublime - React JSX 확장 기능이 포함된 ES6 JavaScript용 구문 정의입니다.

react-native-snippets - 반응 네이티브용 Sublime Text용 스니펫 모음

Vim 편집기

Vim은 모든 유형의 텍스트를 매우 효율적으로 생성하고 변경할 수 있는 고도로 구성 가능한 텍스트 편집기입니다. 대부분의 UNIX 시스템은 "vi" 형식으로 이를 지원합니다. 많은 개발자들은 다양한 편집 작업에 Vim을 사용하는 것을 좋아합니다. Vim은 매우 안정적이며 더 나아지기 위해 끊임없이 발전하고 있습니다.

공식 웹사이트: http://www.vim.org/

기능:

지속적인 다단계 실행 취소 트리

광범위한 플러그인 시스템

수백 가지 프로그래밍 언어 및 파일 형식 지원

강력한 검색 및 바꾸기 기능

은 다양한 도구와 통합 가능

Vim 플러그인

vim-jsx - JSX에 대한 구문 강조 및 들여쓰기 기능 제공.

vim-react-snippets - Facebook의 React 라이브러리와 함께 사용할 수 있도록 Vim용으로 제작된 스니펫 세트입니다.

vim-babel - Facebook의 React 라이브러리와 함께 사용할 수 있도록 Vim용으로 제작된 스니펫 세트입니다.

Spacemacs Editor

Spacemacs는 커뮤니티 중심의 Emacs 배포판입니다. 최고의 편집기는 Emacs도 Vim도 아니고 Emacs와 Vim을 합친 것입니다!

공식 웹사이트: http://spacemacs.org/

기능:

키 바인딩은 니모닉 접두사를 사용하여 구성됩니다

검색 가능 - 사용 가능한 키 바인딩을 혁신적인 실시간으로 표시합니다.

유사한 기능에는 동일한 키가 있습니다.

사용 가능한 레이어, 패키지 등을 빠르게 찾을 수 있는 간단한 쿼리 시스템.

커뮤니티 기반 구성은 사용자가 조정할 수 있는 강력한 패키지를 제공하므로 버그를 빠르게 수정할 수 있습니다.

Extensions

React 레이어 - React용 ES6 및 JSX 구성 레이어입니다. .jsx 및 .react.js 파일을 자동으로 인식합니다. React 통합을 위한 래퍼입니다.

TextMate 편집기

TextMate는 IDE는 아니지만 강력한 스니펫, 매크로 및 고유한 범위 지정 시스템을 사용하여 프로그래밍 언어별 IDE에도 부족한 기능을 제공할 수 있는 경우가 많습니다. React는 이를 직접적으로 지원하지는 않지만, 아래 플러그인의 도움으로 대부분의 React 코드의 기반이 되는 JSX에 대한 지원을 쉽게 얻을 수 있습니다.

공식 웹사이트: https://macromates.com/

기능:

작업 및 설정 범위를 결정하는 CSS 선택기

빠른 개요 및 탐색 기능 팝업

원하는 스크립트 언어를 사용할 수 있습니다. 플러그인 통합

문서에서 셸 명령 실행

코드 강조 표시

Xcode와 공동 작업 및 Xcode 프로젝트 빌드

Plugin

javascript-jsx.tmbundle - JSX(React)용 Textmate 번들. 현재 구문 강조가 지원됩니다.

위 내용은 반응을 작성하려면 어떤 편집기를 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!