자바스크립트 import에 관하여(에디터 snippet에 관하여)

2017. 8. 23. 22:25Dev/ATOM

반응형

http://2ality.com/2017/08/typing-import-statements.html


위의 블로그 글에서 재미있는 이야기를 합니다.


내용인즉 import from 문법이 위치가 반대여야 하지 않느냐는 견해에 대한 블로거 본인의 견해와 해결책을 제시합니다.


자세한 내용은 블로그에 방문해서 확인하시기 바랍니다.


해결책만 살짝 남겨보자면..


visual sudio code 에디터를 통한 snippet을 알려줍니다.

"import": {
    "prefix": "imp",
    "body": [
        "import ${2:entities} from '${1:specifier}';$0"
    ],
    "description": "import statement"
}

고맙게도 댓글에 다른 분께서 atom을 위한 snippet도 남겨주셨습니다.

// snippets.cson
'.source.js':
  'Import ES6 module':
    'prefix': 'imp'
    'body': 'import ${2:features} from "${1:module}";'

atom의 snippets.cson 파일은 OS계정폴더/.atom(~/.atom) 에 있습니다.


에디터에서 imp 만 적으면 snippet에 설정한 항목이 나오고 선택해서 tab만 눌러주면 쉽게 사용할 수 있습니다.


개발 생산성 향상에 조금이나마 기여하게될 방법이며 snippet에 대한 이해와 응용도 충분히 할 수 있는 좋은 글입니다.

반응형

'Dev > ATOM' 카테고리의 다른 글

remote-sync 패키지  (0) 2017.05.10
아톰 sftp 및 SSH 사용시 설정 (remote-ftp 패키지)  (0) 2016.12.26
Atom 추천 Packages  (0) 2016.11.27
Atom & Github 연동 (git-control 패키지)  (0) 2016.11.27
Atom & Github 연동 (git-plus 패키지)  (0) 2016.11.27