it-swarm.com.de

Sublime Text 2-Tastenkombination zum Öffnen der Datei in einem angegebenen Browser (z. B. Chrome)

Ich mache Web-Entwicklung und probiere Sublime Text 2 aus. Gibt es eine Tastenkombination zum Öffnen der aktuellen Datei in einem angegebenen Browser (z. B. Chrome)? 

Jede Hilfe bei der Einrichtung von Sublime Text für die Webentwicklung wird geschätzt!

109
wwwuser

Ich bin mir nicht sicher, ob diese Frage hier richtig ist, aber Sie können unter Tools -> Build System -> New Build System... ein neues "Build System" hinzufügen.

Wie bei allen Konfigurationen in Sublime Text ist es nur JSON, es sollte also ziemlich einfach sein. Die Hauptsache, die Sie konfigurieren möchten, ist der Schlüssel "cmd"/val. Hier ist die Build-Konfiguration zum Starten von Chrome auf meinem Mac.

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

Speichern Sie das als Chrome.sublime-build, starten Sie Sublime Text neu und Sie sollten eine neue Chrome-Option in der Erstellungsliste sehen. Wählen Sie es aus und Sie sollten in der Lage sein, Chrome mit zu starten Cmd+B auf einem Mac (oder einem beliebigen Hotkey, den Sie für den Build konfiguriert haben, möglicherweise dessen F7 oder Ctrl+B auf einem Windows-Computer)

Zumindest sollte dies Ihnen einen Schub in die richtige Richtung geben.

Bearbeiten:

Eine andere Sache, die ich in Sublime Text 2 häufig mache, ist, wenn Sie mit der rechten Maustaste in ein Dokument klicken, dass eines der Elemente im Kontextmenü Copy File Path ist, das den vollständigen Pfad der aktuellen Datei in die Zwischenablage legt, damit Sie sie ganz einfach in den gewünschten Browser einfügen können .


Sublime Text 3 (Linux-Beispiel) "Shell_cmd": "google-chrome '$ file'"

168
James Holmes

"In Browser-Kontextmenü für HTML-Dateien öffnen" wurde im neuesten Build hinzugefügt (2207). Das Veröffentlichungsdatum war der 25. Juni 2012.

48
aanton

Windows7 FireFox/Chrome:

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

verwenden Sie einfach Ihren eigenen Pfad von firefox.exe oder chrome.exe, um meinen zu ersetzen.

Ersetzen Sie firefox.exe oder chrome.exe durch Ihren eigenen Pfad.

33
boya

Dies funktionierte auf Sublime 3:


So durchsuchen Sie HTML-Dateien mit der Standard-App nach Alt + L:

Fügen Sie diese Zeile zur Preferences -> Key Bindings - User-Eröffnungsdatei hinzu:

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


Durchsuchen oder Öffnen mit einer externen App wie Chrome:

Fügen Sie diese Zeile zur Tools -> Build System -> New Build System...-Eröffnungsdatei hinzu und speichern Sie sie mit dem Namen "OpenWithChrome.sublime-build".

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

Dann können Sie die Datei durchsuchen/öffnen, indem Sie Tools -> Build System -> OpenWithChrome auswählen und F7 oder Ctrl+B drücken.

13
Mamadex

Installieren Sie das View In Browser -Plugin mit Package Control oder laden Sie ein Paket von github herunter und entpacken Sie dieses Paket in Ihrem Paketordner (das von Browse-Paketen).

danach gehen Sie zu Preferences, Key Bindings - User, fügen Sie diese ein

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

jetzt ist F12 Ihre Tastenkombination.

13
dicentiu

Sie können das SideBarEnhancements plugin installieren, mit dem Sie unter anderem Dateien im Browser öffnen können, indem Sie auf F12 klicken.

Um genau in Chrome zu öffnen, müssen Sie die Datei „Side Bar.sublime-settings“ korrigieren und "default_browser" auf "chrome" setzen.

Ich empfehle außerdem, dieses Video-Tutorial über Sublime Text 2 zu lernen.

12

Es scheint viele Lösungen für Windows zu geben, aber dies ist die einfachste:

Tools -> Build System -> Neues Build System , geben Sie oben ein und speichern Sie als Browser.sublime-build

{
    "cmd": "Explorer $file"
}

Dann kehren Sie zu Ihrer HTML-Datei zurück. Tools -> Build System -> Browser . Drücken Sie dann CTRL-B und die Datei wird in dem Browser geöffnet, der Ihr Standardbrowser ist.

8
Simon Sarris

Auf Windows-Computern, die den Standardbrowser mit einer vordefinierten URL starten:

Extras> Build-System> Neues Build-System:

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

ctrl + B und voila!

8
bluehipy

Hier ist eine weitere Lösung, wenn Sie verschiedene Browser in die Datei einbeziehen möchten .. Wenn Sie und der Mac-Benutzer aus dem sublime-Menü auf "Tools"> "Neues Plugin" gehen. Löschen Sie den generierten Code und fügen Sie Folgendes ein:

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)

Speichern . Öffnen Sie dann die User Keybindings. (Tools> Command Palette> "User Key Bindings") und fügen Sie dies irgendwo der Liste hinzu:

{ "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"}}

Öffnen Sie nun eine beliebige HTML-Datei in Sublime und verwenden Sie eine der Keybindings, durch die diese Datei in Ihrem bevorzugten Browser geöffnet wird.

4
egyamado

Auf Mac und sublime Text 3, welche Version 3103 ist, sollte der Inhalt sein

{
    "Shell_cmd": "open -a 'Google Chrome' '$file'"
}
3
clinyong

Extras -> Erstellungssystem -> Neues Erstellungssystem. Den folgenden Typ als Ihr Betriebssystem speichern unter Chrome.sublime-build

Windows-Betriebssystem  

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

Mac OS

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

Speichern Sie die Datei - Chrome.sublime-build im Verzeichnis 

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

die Antwort von egyamado war wirklich hilfreich! Sie können es für Ihr spezielles Setup mit etwas wie dem folgenden verbessern:

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)

Und dann in deinen Keybindings:

{ "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"}}

Wir speichern Beispiel-URLs oben in allen unseren Vorlagen. Im ersten Teil können Sie diese Beispiel-URL hervorheben und in einem Browser starten. Wenn kein Text markiert ist, wird einfach der Dateiname verwendet. Sie können die Befehlsaufrufe in den Keybindings an Ihre localhost-URL und den Systempfad an die Dokumente anpassen, an denen Sie arbeiten.

1
nabrown

Ich habe eine ähnliche Situation wie du. Ich habe keinen sublime offenen Editor für Binärdateien wie JPG-PNG-Dateien. Stattdessen ist die Standardanwendung für offene Systeme sinnvoller.

  1. ein Build erstellen. Genau wie die akzeptierte Antwort. Es wird jedoch sowohl die Standardanwendung als auch der Hex-Editor geöffnet.
  2. Pulgin OpenDefaultApplicationhttps://github.com/SublimeText/OpenDefaultApplication .__ Das Kontextmenü OpenInDefaultApplication wird geöffnet. Es wird jedoch sowohl die Standardanwendung als auch der Hex-Editor geöffnet
  3. Pulgin: Nicht-Textdateienhttps://packagecontrol.io/packages/Non%20Text%20Files Fügen Sie die Konfiguration in der Benutzereinstellung hinzu

    "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"
    ]
    

Ich wähle den dritten Weg, es ist für mich ziemlich verlässlich. Die jpg-Datei wird in der System-Standardanwendung geöffnet und der Bearbeitungsmodus wird automatisch automatisch geschlossen. Für die ersten beiden Möglichkeiten können Sie "preview_on_click" einstellen: false, um den Hex-Editor automatisch kompromisslos zu beenden.

1
Victor Choy

oder probiere es aus

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

0
Vinay