Sublimerge 사용법은 무척 간단합니다. 단축키 한두개 정도만 알면 사용하는데 어려움이 없을정도로 무척 간단합니다.


파일을 보는 방법과 코드를 비교해서 보는 방법에 대한 단축키가 있습니다.

아래 단축키를 누르기전에 먼저 비교해볼 수 있는 파일 두개를 여세요.
제가 예제로 아래처럼 1.css 와 2.css 두개를 만들어놨습니다.

메뉴에서 View - Layout 에서 Columns 2 를 클릭해서 두개다 볼 수 있도록 했습니다.


그럼 어떻게 사용하는지 볼까요.


파일 보기

파일보기는 Ctrl + Alt + D 를 클릭하면 됩니다.

위와 같이 두개의 파일을 연 상태에서 Ctrl + Alt + D 를 클릭합니다.

그럼 아래처럼 Compare to View 가 나옵니다. 엔터.




그럼 열러있는 파일중에서 동기화, 또는 비교하고자 하는 파일을 선택할 수 있습니다.

저는 포커스가 2.css 에 있을때 단축키를 눌러기때문에 1.css 와 비교할거냐고 아래처럼 물어옵니다. 엔터.





그럼 아래처럼 비교해서 다른부분이 있는곳에 포커스가 자동으로 위치하며 보여줍니다.





이제 왼쪽으로 코드를 옮길건지? 오른쪽으로 옮길건지 선택만 하면 됩니다.


비교해서 보기

예제를 보여드리기 위해 위보다는 좀더 복잡한 코드를 넣었습니다.



  • [ctrl]+[alt]+[+] - 다음에 위치한 비교할 곳으로 이동합니다.(눌러보면 압니다. 동기화할 곳의 다음순번으로 갑니다.)
  • [ctrl]+[alt]+[-] - 이전에 위치한 비교할 곳으로 이동합니다.



Ctrl + Alt + D 를 눌러서 진행한 상태입니다.



여기서 Ctrl + Alt + [+] 를 누릅니다.

그럼 바로 첫번째 비교대상을 찾아갑니다.



여기서 다시 Ctrl + Alt + [-] 를 클릭하면 이전비교대상인 맨 아래로 갑니다.



  • [ctrl]+[alt]+[,] - 오른쪽에 있는 코드를 왼쪽으로 병합합니다.(여기서 병합은 복사 붙여넣기와 같습니다. 다른코드가 잇을경우 그 코드는 나두고 추가하는것이 아닙니다. 그대로 붙여넣기때문에 기존의 코드는 없어집니다.)
  • [ctrl]+[alt]+[.] - 왼쪽에 있는 코드를 오른쪽으로 병합합니다.
  • [ctrl]+[alt]+[/] + [,] - 오른쪽에 있는 코드를 전부 왼쪽으로 병합합니다.
  • [ctrl]+[alt]+[/] + [.] - 왼쪽에 있는 코드를 전부 오른쪽으로 병합니다.


바로 위의 이미지에서 Ctrl + Alt + , 를 누릅니다.





오른쪽에 코드가 왼족으로 이동된것을 볼 수 있습니다.




  • [ctrl]+[alt]+[enter] - 토글 편집모드(연속해서 눌러보세요. 그럼 압니다.)
  • [ctrl]+[alt]+[left click] - 블록을 선택 및 해제합니다.(복수 선택 가능)
  • [ctrl]+[shift]+[left click] - 왼쪽에서 오른쪽으로 코드를 병합합니다. 그리고 다음 포커스로 이동.
  • [ctrl]+[shift]+[right click] - 오른쪽에서 왼쪽으로 코드를 병합합니다. 그리고 다음 포커스로 이동.



원하는대로 수정한뒤 Ctrl + S 를 클릭하면 저장이 되며 Sublimerge 동기화모드는 사라집니다.

수정한 뒤에는 뒤로 가기나 되돌리기는 안됩니다.

단 저장을 하지않고 취소를 클릭하면 다시 처음 상태로 돌아갑니다.


Sublimerge 는 동기화 플러그인입니다. 

편집모드로 해서 진행할때 주의해서 진행해야 합니다.