[Sublime Text] F12, 브라우저로 파일 오픈하기 기능 – Sublime text, SidebarEnhancements plugin

   

   

F12, 브라우저로 파일 오픈하기 기능

   

홈페이지의 설명

   

파일을 오픈한 상태에서 F12키를 누르면 브라우저에서 해당 파일을 보여주게 됩니다.

   

   

   

SideBarEnhancements.json 설정하기

선택한 파일을 웹브라우저상에서 실행시 실서버 혹은 개발서버에 있는 파일 이 열리도록 있는 파일이 열리도록 SideBarEnhancements.json파일을 수정하겠습니다.

   

개발서버 경로

파일 선택 > 마우스 우클릭 > Project -> Edit Preview URLs

   

SideBarEnhancements.json파일 오픈되고 해당 파일을 수정할 수 있습니다.

   

홈페이지로 가서 아래의 문장을 복사해서 SideBarEnhancements.json에 붙여넣기 합니다.

{ "S:/www/domain.tld":{ "url_testing":"http://testing", "url_production":"http://domain.tld" }, "C:/Users/luna/some/domain2.tld":{ "url_testing":"http://testing1", "url_production":"http://productiontld2" } }

   

   

SideBarEnhancements.json 파일 내용 설명

S:/www/domain.tld	객체 키 실행하고자하는 파일 경로 지정합니다. 파일 경로는 반드시 절대경로로 설정해 주어야 합니다.
"url_testing"	F12키를 누를 경우 (객체 속성) /www/domain.tld 파일을 "http://testing" 경로에서 실행해 줍니다. 보통 개발서버의 경로를 설정합니다.
"url_production"	Alt+F12키를 누를 경우 (객체 속성) /www/domain.tld 파일을 "http://domain.tld" 경로에서 실행해 줍니다. 보통 실서버의 경로를 설정합니다.

   

파일의 절대경로 확인하기

파일 선택 > 마우스 우클릭 > Reveal

   

해당경로의 파일이 탐색기창에서 오픈됩니다.

   

파일 선택 > 마우스 우클릭 > 속성

   

보안 탭 클릭 >

개체 이름: 항목의 경로부분을 클릭한 후 마우스 우클릭 >

모두 선택 을 클릭하면 해당 경로가 블록으로 지정됩니다.

   

   

다시 마우스 우클릭 > 복사 클릭

   

S:/www/domain.tld 삭제 후 C:\javanAndroid\study_javascript\WebContent\index.html 경로를 붙여넣기 합니다.

   

아래와 같이 설정 후 실행해 보겠습니다.

SideBarEnhancements.json

{ "C:\javanAndroid\study_javascript\WebContent\index.html":{ "url_testing":"http://localhost/index.html", "url_production":"http://codedragon.tistory.com/index.html" } }

   

F12 실행화면

   

Alt+F12 실행화면