Atom으로 CoffeeScript 개발 환경을 구축

Atom에서 CoffeeScript 개발 환경을 만들었으므로 작업 메모.

TL;DR

다음 두 가지를 설치했습니다.

미리보기

linter-coffeelint

미리보기

변환 후의 JavaScript를 적절히 확인하면서 구현하고 싶기 때문에 settings 에서 install 탭에서 preview


설치가 완료되면 Command Palette를 열고 preview 로 표시합니다.
preview 표시 직후는 CoffeeScript의 코드에 문제가 없어도 왠지 Previewing Failed가 표시됩니다만, 에디터를 다시 선택하면 변환 후의 JavaScript가 표시됩니다.



정상적으로 표시되면 다음과 같이 됩니다.

linter-coffeelint

코딩 스타일을 통일하기 위한 정적 해석 툴인 coffeelint 도 인스톨 합니다.
preview 와 같이 패키지 인스톨러로 검색하면(자) 그와 같은 것이 2개 나옵니다만 linter-coffeelint (을)를 인스톨 합니다. linter가 없으면 함께 설치됩니다.



기본 규칙을 사용하여 작업할 수 있으며 자체 규칙을 사용하려면 스크립트와 동일한 디렉터리에 coffeelint.json를 넣으면 해당 규칙이 적용됩니다.

그 밖에…

우선 최소한 필요한 것은 넣을 생각입니다만, 그 밖에 넣는 편이 좋은 패키지가 있으면 코멘트해 주세요!

Smarby는 CoffeeScript와 Ruby on Rails를 사용하는 엔지니어를 모집합니다!

성장중인 전자 상거래를 지원하고 싶은 젊은 엔지니어 모집!

참고

CoffeeScript Preview for Atom

linter-coffeelint

CoffeeLint