Search

[Atom] Snippets

특정 명령어나 코드의 일부를 단축키처럼 지정
HTML/CSS 작성 속도 향상

Atom

1.
Setting > install > snippets 검색
1.
File > Snippets 클릭
2.
snippets.cson 작성
# 예시 '.source.coffee': 'Console log': 'prefix': 'log' 'body': 'console.log $1'
Markdown
복사
# HTML '.text.html.basic': 'guide-img': 'prefix': 'guide-img' 'body': """ <img src="img/table02.png" alt="" width="500" class="pos-a"> """
Markdown
복사
# CSS '.source.css': 'guide-img': 'prefix': 'css-absolute' 'body': """ position: absolute; top: 0; left: 0; """
Markdown
복사
# SASS '.source.sass': 'guide-img': 'prefix': 'sass-bg' 'body': """ @include bg-img-size-format(1280px, 490px, $imgLTPath, 'bg-1-1', jpg); """
Markdown
복사
# Javascript '.source.js': 'guide-img': 'prefix': 'sass-bg' 'body': """ @include bg-img-size-format(1280px, 490px, $imgLTPath, 'bg-1-1', jpg); """
Markdown
복사
3.
$1, $2 작성시 커서 이동하며 작업 가능
4.
저장 후 html 문서에서 약어를 입력