[서브라임텍스트(SubLimeText)/패키지] sidebar (로컬, FTP 연결해서 작업한걸 브라우저로 확인하기)

sidebar enhancements 라는 패키지를 이전에 한번 소개한 적이 있었습니다.

[서브라임텍스트(SubLimeText)/패키지] sidebar enhancements(작업물을 브라우저로 확인하는 패키지)

http://recoveryman.tistory.com/8

그때는 이 패키지의 유용함을 잘 몰랐던것 같습니다. 그저 HTML만 브라우저로 바로보기 한다로 만족했었으니까요.

하지만 이게 로컬에 있는 ASP, JSP, PHP 파일을 단축키로 열거나 node js로 만든 것도 될듯 합니다. 결국엔 포트넘버를 써주는것 (서버는 돌아가게 해줘야 합니다.),

FTP에 연결된 것도 단축키로 브라우저로 볼 수 있다는걸 알았습니다.

서버가 돌아간다면 (ASP, JSP, PHP) 아무 프로젝트에 오른쪽 클릭 -> Project -> Edit Preview URLs 를 누릅니다.

이 작업은 윈도우나 맥이나 동일 합니다.

그러면 빈 공간이 나오는데

이 빈 공간에 이런식으로 작성합니다.

2번 라인부터 5번 라인은 예시를 든거입니다.

7번 라인부터 13번 라인까지는 제가 실제로 테스트를 한거 입니다.

{

"프로젝트_폴더가_있는_경로" : {

"url_testing" : "로컬에서_돌릴경우",

"url_production" : "웹상에서_돌릴경우"

}

}

url_testing 와 url_production 은 둘중 하나만 써줘도 상관 없습니다.

다만,

url_testing = F12

url_production = ALT + F12

로 알아 두시면 됩니다.

또한

로컬에서 돌릴경우, 웹상에서 돌릴경우는 그냥 F12번키는 로컬에서 돌려야지. 알트 + F12 번키는 웹 주소로 된거로 돌려야지 하는 제 나름의 규칙이지 이게 절대적인게 아닙니다.

반드시 그렇게 해야해! 그런게 아니기에 혹시나 해서 글을 남깁니다.

그 예로 맨 마지막에 url_testing 에는 웹상의 주소가 기재되어 있는걸 확인할 수 있습니다.

그리고 FTP에 연결되어있는 파일을 수정했다. 치면

그걸 단축키로 바로 확인하려면 반드시 해당 파일을 다운로드 받은 상태여야 합니다.

원본 링크

http://www.hongkiat.com/blog/preview-in-localhost/