웹 개발을하고 Sublime Text 2를 사용하고 있습니다. 지정된 브라우저 (예 : Chrome)에서 현재 파일을 열 수있는 키보드 단축키가 있습니까?

웹 개발을 위해 Sublime Text에서 설정하는 데 도움을 주시면 감사하겠습니다!

이 질문이 여기에 적합한 지 잘 모르겠지만 아래에 새 "Build System"을 추가 할 수 있습니다. Tools -> Build System -> New Build System...

Sublime Text의 모든 구성과 마찬가지로 JSON 만 있으므로 매우 간단해야합니다. 구성하려는 주요 사항은 "cmd"키 / 밸류입니다. 내 Mac에서 크롬을 시작하기위한 빌드 구성은 다음과 같습니다.

{
    "cmd": ["open", "-a", "Google Chrome", "$file"]
}

으로 저장하고 Chrome.sublime-buildSublime Text를 다시 시작 Chrome하면 빌드 목록에 새 옵션이 표시됩니다. 그것을 선택하면 Mac 에서 Cmd+ B를 사용하여 Chrome을 시작할 수 있어야합니다 (또는 빌드 용으로 구성한 핫키 , Windows 컴퓨터 에서는 F7또는 Ctrl+ B).

적어도 이것은 당신에게 올바른 방향으로 밀어 줄 것입니다.

편집하다:

Sublime Text 2에서 내가 많이하는 또 다른 작업은 문서 내부를 마우스 오른쪽 버튼으로 클릭하면 컨텍스트 메뉴의 항목 중 하나가이며 Copy File Path, 원하는 브라우저에 쉽게 붙여 넣을 수 있도록 현재 파일의 전체 경로를 클립 보드에 넣습니다.

Sublime Text 3 (linux 예제) "shell_cmd": "google-chrome '$ file'"

"HTML 파일에 대한 브라우저 컨텍스트 메뉴에서 열기"가 최신 빌드 (2207)에 추가되었습니다. 출시일은 2012 년 6 월 25 일이었습니다.

Windows7 FireFox / Chrome :

    {
       "cmd":["F:\\Program Files\\Mozilla Firefox\\firefox.exe","$file"]
    }

firefox.exe 또는 chrome.exe의 자신의 경로를 사용하여 내 것을 대체하십시오.

firefox.exe 또는 chrome.exe를 자신의 경로로 바꿉니다.

이것은 Sublime 3에서 작동했습니다.

Alt + L 단축키로 기본 앱으로 html 파일을 탐색하려면 :

Preferences -> Key Bindings - User여는 파일에 다음 줄을 추가 합니다.

{ "keys": ["alt+l"], "command": "open_in_browser"}

Chrome과 같은 외부 앱으로 탐색하거나 여는 방법 :

이 줄을 Tools -> Build System -> New Build System...여는 파일에 추가 하고 이름으로 저장하십시오."OpenWithChrome.sublime-build"

"shell_cmd": "C:\\PROGRA~1\\Google\\Chrome\\APPLIC~1\\chrome.exe $file"

그런 다음 또는 키를 선택 Tools -> Build System -> OpenWithChrome하고 눌러 파일을 찾아 F7보거나 열 수 있습니다 Ctrl+B.

패키지 제어를 사용 하여 브라우저 에서 보기 플러그인을 설치 하거나 github 에서 패키지 다운로드 하고 패키지 폴더 (패키지 찾아보기에서)에이 패키지의 압축을 풉니 다.

그런 다음 Preferences, Key Bindings-User로 이동하여 붙여 넣습니다.

[{ "keys": [ "f12"], "command": "view_in_browser"}]

이제 F12가 바로 가기 키가됩니다.

SideBarEnhancements 플러그인을 설치할 수 있습니다. , 무엇보다도 F12를 클릭하여 브라우저에서 파일을 열 수있는 기능을 제공합니다.

Chrome에서 정확히 열려면 "Side Bar.sublime-settings"파일을 수정하고로 설정 "default_browser"해야합니다 "chrome".

또한 Sublime Text 2 에서이 비디오 자습서 를 배우는 것이 좋습니다 .

사전 정의 된 URL로 기본 브라우저를 실행하는 Windows에서 :

도구> 빌드 시스템> 새 빌드 시스템 :

{
    "cmd": ["cmd","/K","start http://localhost/projects/Reminder/"]
}

ctrl+ B그리고 짜잔!

여기에는 Windows 용 솔루션이 많이있는 것 같지만 이것이 가장 간단합니다.

Tools-> Build System-> New Build System , 위를 입력하고 다음과 같이 저장하십시오 Browser.sublime-build.

{
    "cmd": "explorer $file"
}

그런 다음 HTML 파일로 돌아갑니다. 도구-> 빌드 시스템-> 브라우저 . 그런 다음를 누르면 CTRL-B시스템 기본 브라우저가되는 브라우저에서 파일이 열립니다.

파일에 다른 브라우저를 포함하려는 경우 다른 솔루션이 있습니다. Mac 사용자 인 경우 숭고한 메뉴에서 도구> 새 플러그인으로 이동합니다. 생성 된 코드를 삭제하고 다음을 지나치십시오.

import sublime, sublime_plugin
import webbrowser


class OpenBrowserCommand(sublime_plugin.TextCommand):
   def run(self,edit,keyPressed):
      url = self.view.file_name()
      if keyPressed == "1":
         navegator = webbrowser.get("open -a /Applications/Firefox.app %s")
      if keyPressed == "2":
         navegator = webbrowser.get("open -a /Applications/Google\ Chrome.app %s")
      if keyPressed == "3":
         navegator = webbrowser.get("open -a /Applications/Safari.app %s")
      navegator.open_new(url)

저장. 그런 다음 사용자 키 바인딩을 엽니 다. (도구> 명령 팔레트> "사용자 키 바인딩") 목록에 다음을 추가합니다.

{ "keys": ["alt+1"], "command": "open_browser", "args": {"keyPressed": "1"}},
{ "keys": ["alt+2"], "command": "open_browser", "args": {"keyPressed": "2"}},
{ "keys": ["alt+3"], "command": "open_browser", "args": {"keyPressed": "3"}}

이제 Sublime에서 html 파일을 열고 키 바인딩 중 하나를 사용하여 즐겨 찾는 브라우저에서 해당 파일을 엽니 다.

버전이 3103 인 Mac 및 Sublime Text 3에서 콘텐츠는

{
    "shell_cmd": "open -a 'Google Chrome' '$file'"
}

도구-> 빌드 시스템-> 새 빌드 시스템. OS로 다음 유형을 Chrome.sublime-build 로 저장합니다.

Windows OS

  {
        "cmd": ["C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "$file"]
  }

맥 OS

{
   "cmd": ["open", "-a", "/Applications/Google Chrome.app", "$file"]
}

파일 저장 -Chrome.sublime-build in location

C:\Users\xnivirro\Downloads\Software-Installed\Sublime-2\Data\Packages\User

Browswer에서 숭고한보기 - https://github.com/adampresley/sublime-view-in-browser는 (리눅스를 시도하고 작동)

egyamado의 답변이 정말 도움이되었습니다! 다음과 같이 특정 설정에 맞게 개선 할 수 있습니다.

import sublime, sublime_plugin
import webbrowser

class OpenBrowserCommand(sublime_plugin.TextCommand):
   def run(self, edit, keyPressed, localHost, pathToFiles):  
      for region in self.view.sel():  
         if not region.empty():  
            # Get the selected text  
            url = self.view.substr(region)  
            # prepend beginning of local host url 
            url = localHost + url  
         else:
            # prepend beginning of local host url 
            url = localHost + self.view.file_name()
            # replace local path to file
            url = url.replace(pathToFiles, "")


         if keyPressed == "1":
            navigator = webbrowser.get("open -a /Applications/Firefox.app %s")
         if keyPressed == "2":
            navigator = webbrowser.get("open -a /Applications/Google\ Chrome.app %s")
         if keyPressed == "3":
            navigator = webbrowser.get("open -a /Applications/Safari.app %s")
         navigator.open_new(url)

그런 다음 키 바인딩에서 :

{ "keys": ["alt+1"], "command": "open_browser", "args": {"keyPressed": "1", "localHost": "http://nbrown.smartdestinations.com", "pathToFiles":"/opt/local/apache2/htdocs"}},
{ "keys": ["alt+2"], "command": "open_browser", "args": {"keyPressed": "2", "localHost": "http://nbrown.smartdestinations.com", "pathToFiles":"/opt/local/apache2/htdocs"}},
{ "keys": ["alt+3"], "command": "open_browser", "args": {"keyPressed": "3", "localHost": "http://nbrown.smartdestinations.com", "pathToFiles":"/opt/local/apache2/htdocs"}}

모든 템플릿의 상단에 샘플 URL을 저장하므로 첫 번째 부분에서는 해당 샘플 URL을 강조 표시하고 브라우저에서 실행할 수 있습니다. 강조 표시된 텍스트가 없으면 파일 이름을 사용합니다. 로컬 호스트 URL에 대한 키 바인딩의 명령 호출과 작업중인 문서의 시스템 경로를 조정할 수 있습니다.

당신과 비슷한 상황이 있습니다. 나는 jpg png 파일과 같은 바이너리에 대한 숭고한 오픈 편집기를 원하지 않습니다. 대신 개방형 시스템 기본 응용 프로그램이 더 합리적입니다.

1. 하나의 Build를 만듭니다 . 받아 들여진 대답과 같습니다. 그러나 기본 응용 프로그램과 16 진수 편집기가 모두 열립니다.
2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication 컨텍스트 오른쪽 클릭 메뉴 OpenInDefaultApplication이 있습니다. 그러나 기본 응용 프로그램과 16 진수 편집기도 모두 열립니다.

3. Pulgin : 비 텍스트 파일 https://packagecontrol.io/packages/Non%20Text%20Files 사용자 설정에 구성 추가

   "binary_file_patterns": ["*.JPG","*.jpg", "*.jpeg", "*.png", "*.gif", "*.ttf", "*.tga", "*.dds", "*.ico", "*.eot", "*.pdf", "*.swf", "*.jar", "*.zip"],
   "prevent_bin_preview": true,
   "open_externally_patterns": [
      "*.JPG",
      "*.jpg",
      "*.jpeg",
      "*.JPEG",
      "*.png",
       "*.PGN",
      "*.gif",
       "*.GIF",
       "*.zip",
       "*.ZIP",
       "*.pdf",
       "*.PDF"
   ]
   

나는 세 번째 방법을 선택합니다. 시스템 기본 응용 프로그램에서 jpg 파일을 열고 동시에 자동으로 편집 모드를 빠르게 닫습니다. 처음 두 가지 방법에 관해서는 "preview_on_click": false를 설정하여 16 진 편집기가 자동으로 열리지 않도록 할 수 있습니다.

또는 이것을 시도하십시오

"cmd": [ "cmd", "/ K", "start http : // localhost / Angularjs / $ file_name"]