sublime-sync

sublime-sync

프로젝트 폴더를 감시하면서 파일이 변경되었을때 서브라임의 SFTP 설정을 이용하여 업로드 해준다.

GitHub 프로젝트

https://github.com/RickGroenewegen/sublime-sync

설치하기

$ brew install https://raw.githubusercontent.com/kadwanev/bigboybrew/master/Library/Formula/sshpass.rb
$ npm install sublime-sync -g

실행하기

$ sublime-sync

실행예제

$ pwd
/Users/username/Workspace/Sources/some_project
$ sublime-sync

Sublime SFTP directory watcher v0.3.1
Watching directory: /Users/username/Workspace/Sources/some_project
Change detected: public/sub_dir/index.php
Uploading to -> /somewhere.com/development/public/sub_dir/index.php
Succesfully uploaded 1 file(s)
Change detected: public/sub_dir/_resource/javascript/this.js
Uploading to -> /somewhere.com/development/public/sub_dir/_resource/javascript/this.js
Change detected: public/sub_dir/_resource/javascript/this.min.js
Uploading to -> /somewhere.com/development/public/sub_dir/_resource/javascript/this.min.js
Succesfully uploaded 2 file(s)

이렇게 저장을 하고 변화가 있는 파일은 SFTP 설정을 이용하여 자동으로 업로드를 하게 된다.

업로드 완료 인지

업로드를 하면 터미널에서 동작하기 때문에 에디터를 전체화면으로 작업하다보면 파일을 저장을 해도 아무런 변화를 느낄 수 없다. 그러면 업로드가 채 끝나기 전에 브라우저 등의 결과를 확인하여 다시 확인 절차를 반복하는 번거로움을 겪을때가 있다.

아래는 업로드가 완료되면 소리로 알려주게 만드는 방법이다.

console.log() 를 이용하는 방법

이방법은 macOS 의 기본터미널의 경우 터미널 아이콘이 Dock 에서 점프를 하는 효과까지 덤으로…

$ vi /usr/local/lib/node_modules/sublime-sync/index.js
...
console.log(colors.green('Succesfully uploaded ' + numberOfItems + ' file(s)'));
console.log("07");
...

커맨드 명령어 ‘say’ 를 이용하는 방법

$ vi /usr/local/lib/node_modules/sublime-sync/index.js
...
var exec = require('child_process').exec
...
console.log(colors.green('Succesfully uploaded ' + numberOfItems + ' file(s)'));
exec('say done', (err, stdout, stderr) => console.log(''));
/* afplay /System/Library/Sounds/Funk.aiff
Basso.aiff
Blow.aiff
Bottle.aiff
Frog.aiff
Funk.aiff
Glass.aiff
Hero.aiff
Morse.aiff
Ping.aiff
Pop.aiff
Purr.aiff
Sosumi.aiff
Submarine.aiff
Tink.aiff
*/
...

References

• https://gist.github.com/taterbase/3154646
• https://superuser.com/questions/598783/play-sound-on-mac-terminal