코드 작성 속도를 향상시키는 프런트엔드 Atom 플러그인(공유 권장)

atom은 github에서 제작한 편집기로, 특히나 프론트엔드 프로그래머들에게 사랑받는 아름다운 인터페이스와 풍부한 확장성을 자랑하는데요, 꼭 필요한 플러그인을 살펴보겠습니다. .

Aatom-chs-Menu

(-중국어 편집자, 아시다시피) Language-Babel

(-ES2016, ESNEXT, JSX 문법 확장)

)을 지원하기 위해 날개 法1 문법을 추가합니다. 언어-postcss

(-PostCSS 구문 강조)

관련 권장 사항: "atom tutorial

"

2 Autocomplete

---

autocomplete-modules

(-모듈 이름 자동 완성)

autocomplete-paths

( - 경로 자동 완성)

atom-ternjs

(- ES5, ES6, ES7, Node.js, jQuery, Angular 등 js 코드 자동 완성)

emmet

(- 빠른 필기 HTML, CSS, Sass / SCSS / LESS)

3 Grammar Check

---

linter

(- 기본 문법 검사 프레임워크)

linter-jshint

(- jshint 기반 JavaScript 문법 검사 플러그인)

linter- eslint

(-ESLint 기반 JavaScript 구문 검사 플러그인)

editorconfig

(-여러 사람에 의한 공동 개발, 서로 다른 편집기 간에 일관된 코딩 스타일 유지)

4 버전 제어

---

git- plus

(- 터미널을 버리고 Atom에서 Git 명령을 실행합니다. Atom의 최신 핵심 구성 요소는 Git과 GitHub 기능을 통합합니다! 사용해 볼 수 있습니다!)

merge-contributes

(- Atom을 통해 충돌하는 파일 처리)

5 프로젝트 Management

project-manager

---

( - 추가 구성을 통해 모든 프로젝트에 쉽게 액세스하고 프로젝트를 관리할 수 있습니다.)

6 확장 기능

---

minimap

( - 소스 코드 미리보기)

file-icons

(- 파일 형식에 해당하는 아이콘 표시)

atom-beautify

(- 코드 서식 지정)

pigments

(- 코드 색상 시각화)

color-picker

(- 색상 선택기)

highlight-selected

(- 강조 표시)

minimap-highlight-selected

(- 소스 코드 미리 보기에서 강조 표시)

docblockr

(- 댓글 플러그인)

markdown-preview-plus

( - 마크다운 실시간 미리보기)

hyperclick

( - 변수 정의 파일로 점프, js-hyperclick과 함께 사용해야 함)

js-hyperclick

( - 변수 정의 파일로 점프, 사용해야 함 사용됨 하이퍼클릭으로)

travis-ci-status

( - 하단 상태 표시줄 확장, 프로젝트 Travis CI 상태 추가)

platformio-ide-terminal

( - Ctrl + `를 통해 Atom에 내장된 터미널 트리거)

sync-settings

(- Atom 패키지 및 설정을 Gist에 백업하고 복원하기 쉬움)

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습 웹사이트

를 방문하세요! !

위 내용은 코드 작성 속도를 향상시키는 프런트엔드 Atom 플러그인(공유 권장)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!