Skip to content

Latest commit

 

History

History
134 lines (74 loc) · 4.42 KB

04-사용팁.md

File metadata and controls

134 lines (74 loc) · 4.42 KB
Raw

04-사용팁

서브라임텍스트에서 팁을 이야기하자면 상당이 많은 팁이 있습니다.

제일먼저 마크다운(Markdonw)부터 이야기 하겠습니다.

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.

현재 사용하고 있는 깃허브는 일반적인 마크다운 방식에 추가적으로 깃허브만의 방식을 추가해서 사용하고 있습니다.

아래의 목록에서 마크다운 방식을 참고하기 바랍니다.



마크다운 관련 플러그인

Markdown Preview

Markdown Preview 는 로컬에서 작업한 마크다운문서를 깃허브형태나 일반 마크다운 형태로 미리볼수 있습니다.

설치후 작성한 마크다운문서에서 Ctrl + Shift + p 를 눌러 아래처럼 map 를 입력하면 Markdown Preview 가 나오면 엔터.

Markdown Preview 1

그럼 새창이 열리고 github 스타일로 열건지, 일반 markdown 스타일로 열건지 물어봅니다. 여기서 그냥 엔터를 지면 현재문서를 github 스타일로 엽니다.

Markdown Preview 2

현재 문서를 한번 보았습니다.

Markdown Preview 3



사용방법

emmet

  • 필터 : |e , |s , |c

  • 액션

명칭 단축키 설명
Interactive Expand Abbreviation Ctrl+Alt+Enter 입력하는 코드를 실시간으로 보여준다
Rename Tag Ctrl+Shift+, 태그의 짝을 찾아준다
Match Tag Pair Outward Ctrl+, 태그이름까지 영역을 잡아준다
Go to Matching Pair Ctrl+Alt+j 태그의 시작과 끝으로 이동
Wrap with Abbreviation Ctrl+Shift+g 태그를 감싸는 태그를 생성한다.



emmet 플러그인 확장하기

emmet 플러그인을 좀더 확장해서 한글에 맞게 사용할수 있습니다.

Preferences - Package Settings - User 에 Emmet.sublime-settings 설정을 넣으면 됩니다.



snippet 사용하기

서브라임텍스트에서 자주 사용하는 스니펫은 주석을 다는 코드입니다.

Preferences - Package Settings - User 에 snippet 폴더를 만든후 그안에 Emmet.sublime-settings 라는 이름으로 저장해둡니다.

아래는 예제코드 입니다.

<snippet>
	<content><![CDATA[
// ${1:주석명}
// --------------------------------------------------
${2}
]]></content>
	<tabTrigger>comment</tabTrigger>
	<scope>source.js,source.scss,source.less</scope>
</snippet>

이제 javascript, less, scss 파일에서 comment 를 치면 주석이 자동으로 생성이 되는것을 볼 수 있습니다.

이런식으로 자주사용하는 코드는 스니펫을 만들어서 사용하면 됩니다.