아톰 React 플러그인

아톰  React 플러그인

설치명령어 : apm install react


참조 주소 ;
https://orktes.github.io/atom-react/

Features

Syntax Highlighting

Indentation

Code Folding

Snippets

JSX Reformatting

HTML to JSX conversion

Autocomplete

Automatic closing tag




함께 사용하면 유용한 패키지:

• jshint: JS 문법 검사
• react: JSX Syntax highlight 호환

jshint 를 사용한다면 ES6 를 쓸 때, 프로젝트의 루트폴더에 .jshintrc 라는 파일을 만들고

{
    "esversion": 6
}

위 내용으로 저장해야 ES6 문법 검사를 할 수 있습니다.

minimap : 화면 한 쪽에 파일 전체 내용의 미니맵이 표시됩니다. 서브라임텍스트를 사용하셨던 분이라면 익숙한 기능입니다.

AtomicChar : 한글을 한 줄로 길게 쓸 때에 개행이 이상하게 되는데, 그 문제를 해결해줍니다.

emmet : zen-coding 이라고도 합니다. html 등의 문서를 작성시 css selector 방식으로 구조화된 구문을 빠르게 작성합니다.


highlight-selected : 한 페이지에서 선택되어진 단어와 동일한 단어를 표시해줍니다. 기본인줄 알았는데, 안되서 찾아보니 패키지가 있더군요.


Remote-FTP : FTP 또는 SFTP, FTPS 를 이용해 원격지에 있는 파일을 다운로드 하고 수정하고 저장과 동시에 업로드가 가능합니다.

linter : 다양한 문법적 오류를 표시해주는 유용한 패키지입니다. 설치 후 프로그램 언어별로 추가 설치하면 문법적 오류나 권장 내용에 대해 색상과 문구로 알려줍니다.

linter-jshint : linter 의 Javascript 버젼입니다. 최근 제가 사용하는 언어가 웹 서버 관련 작업은 Javascript가 대부분이라 필수입니다.

linter-csslint : linter 의 CSS 버젼입니다. 웹 작업시 없어서는 안될 .CSS 파일 작성시 관련 정보를 표시해줍니다.



출처: http://blog.eedler.com/1 [eedler]