Scorciatoia da tastiera Sublime Text 2 per aprire il file nel browser specificato (ad esempio Chrome)


109

Faccio sviluppo web e sto provando Sublime Text 2. Esiste una scorciatoia da tastiera per aprire il file corrente nel browser specificato (ad esempio Chrome)?

Qualsiasi aiuto per l'installazione in Sublime Text per lo sviluppo web è apprezzato!

Risposte:


168

Non sono proprio sicuro che questa domanda sia appropriata qui, ma puoi aggiungere un nuovo "Build System" sotto Tools -> Build System -> New Build System...

Come con tutta la configurazione in Sublime Text, è solo JSON, quindi dovrebbe essere piuttosto semplice. La cosa principale che vorrai configurare è la "cmd"chiave / val. Ecco la configurazione della build per l'avvio di Chrome sul mio Mac.

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

Salvalo come Chrome.sublime-build, riavvia Sublime Text e dovresti vedere una nuova Chromeopzione nell'elenco di build. Selezionalo, quindi dovresti essere in grado di avviare Chrome con Cmd+ Bsu un Mac (o qualsiasi tasto di scelta rapida che hai configurato per la build, forse è F7o Ctrl+ Bsu un computer Windows)

Almeno questo dovrebbe darti una spinta nella giusta direzione.

Modificare:

Un'altra cosa che finisco per fare molto in Sublime Text 2 è che se fai clic con il tasto destro all'interno di un documento, uno degli elementi nel menu contestuale è Copy File Path, che inserisce il percorso completo del file corrente negli appunti per incollarlo facilmente in qualsiasi browser tu voglia.


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


5
Grazie! Questo aiuta immensamente.
wwwuser

53
Per Windows OS, usa questo cmd: {"cmd": ["PATH_TO_YOUR_CHROME", "$ file"]}
didxga

15
Fai attenzione ai backslash nel percorso di Windows, rendili doppi o li considererà come sequenza di escape non valida, quindi non funzionanti.
Angel

13
Anche per Linux è solo{ "cmd": ["google-chrome", "$file"] }
lambda

13
In Sublime Text 3, il comando era stato cambiato in "shell_cmd": "open -a your_app '$file'".
Chris

48

"Apri nel menu contestuale del browser per i file HTML" è stato aggiunto nell'ultima build (2207). La sua data di uscita era il 25 giugno 2012.


2
Devo aver trascurato il menu contestuale con il tasto destro. Grazie per questo suggerimento!
orschiro

17
E puoi facilmente assegnare una scorciatoia per questo: vai su Preferenze> Associazioni tasti - Utente. quindi, nel file .sublime-keymap che si apre, aggiungi { "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(o qualsiasi altra combinazione di tasti che desideri)
Jarón Barends

1
Jaron ha ragione, ma tieni presente che la combinazione di tasti non può entrare in conflitto con quelle esistenti, altrimenti semplicemente non funzionerà, e non ci sono avvisi di conflitto di scorciatoie in sublimi per quanto posso dire
Philip007

1
[{"keys": ["super +;"], "command": "run_macro_file", "args": {"file": "Packages / User / Punto e virgola.sublime-macro"}}] ecco il contenuto nel mio config? come aggiungo il tuo alla mia configurazione esistente? Grazie!
Nicolas S.Xu

2
@NeilMonroe Attiva i comandi di registrazione nella console per vedere possibili errorisublime.log_commands(True)
aanton

33

Windows7 FireFox / Chrome:

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

usa semplicemente il tuo percorso di firefox.exe o chrome.exe per sostituire il mio.

Sostituisci firefox.exe o chrome.exe con il tuo percorso.


1
C:\\Users\\$User$\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exeè il percorso comune per Chrome su Windows (sostituisci $ User $ con il tuo nome utente).
Ben

1
Sì, ma utilizzerà la compilazione automatica o devo specificare la compilazione. Poiché ho molte altre build e utilizzo l'opzione di compilazione automatica, quindi funzionerà con la compilazione automatica?
IGRACH

14

Questo ha funzionato su Sublime 3:


Per sfogliare i file html con l'app predefinita con il tasto di scelta rapida Alt + L:

Aggiungi questa riga al Preferences -> Key Bindings - Userfile di apertura:

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


Per navigare o aprire con un'app esterna come Chrome:

Aggiungi questa riga al Tools -> Build System -> New Build System...file di apertura e salva con nome"OpenWithChrome.sublime-build"

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

Quindi puoi sfogliare / aprire il file selezionando Tools -> Build System -> OpenWithChromee premendo il tasto F7o Ctrl+B.


1
Questo è il modo più semplice per farlo. Aggiungere la linea alle associazioni di tasti è tutto ciò di cui la maggior parte delle persone avrà bisogno.
Shawn Erquhart

1
Potresti anche sostituire i doppi backshash \` with single slashaes / `che Sublime Text capirà anche su Windows.
kleinfreund

1
Ha funzionato, ma ho scoperto che avevo bisogno del nome del file tra virgolette nel caso in cui il mio file fosse in una directory che aveva spazi nel nome. Es: "C: \ My Folder \ test.html" farebbe aprire due schede di Chrome "C: \ My" e "Folder \ test.html", il che è sbagliato. Avvolgere la parte $ file con virgolette con escape e quindi funziona bene (sostituire $ file con \ "$ file \" nel comando sopra).
PancakesOwn

13

Installa il plug-in Visualizza nel browser utilizzando Controllo pacchetto o scarica il pacchetto da GitHub e decomprimi questo pacchetto nella cartella dei pacchetti (quella da Sfoglia pacchetti)

dopo questo, vai su Preferenze, Associazioni tasti - Utente, incolla questo

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

ora F12 sarà il tuo tasto di scelta rapida.


Ho anche dovuto cambiare l'ultima riga in Preferences --> PackageSettings--> view in Browser -- > default settings; a "chrome 64" (era "firefox"). Quindi funziona perfettamente con qualsiasi scorciatoia;)
kolboc

12

Puoi installare il plugin SideBarEnhancements , che tra le altre cose ti darà la possibilità di aprire il file nel browser semplicemente facendo clic su F12.

Per aprire esattamente in Chrome, dovrai correggere il file "Side Bar.sublime-settings" e impostarlo "default_browser"su "chrome".

Consiglio anche di imparare questo video tutorial su Sublime Text 2.


1
Errandir dov'è esattamente questo video? Ci sono diversi video nel link che hai elencato sopra. Sto usando Windows 7, non Mac. Grazie.
Chris22

8

Su Windows che avvia il browser predefinito con un URL predefinito:

Strumenti> Build System> New Build System:

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

ctrl+ Be voilà!


1
fantastico, esattamente quello che stavo cercando. Grazie!
jonschlinkert

8

Sembra che ci siano molte soluzioni per Windows qui, ma questa è la più semplice:

Strumenti -> Build System -> New Build System , digita quanto sopra, salva come Browser.sublime-build:

{
    "cmd": "explorer $file"
}

Quindi torna al tuo file HTML. Strumenti -> Crea sistema -> Browser . Quindi premere CTRL-Be il file verrà aperto in qualsiasi browser sia il browser predefinito del sistema.


4

Ecco un'altra soluzione se vuoi includere diversi browser nel file. Se tu e un utente Mac, dal menu sublime vai a Strumenti> Nuovo plug-in. Elimina il codice generato e incolla quanto segue:

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)

Salva. Quindi apri le associazioni di tasti utente. (Strumenti> Tavolozza comandi> "Associazioni tasti utente") e aggiungilo da qualche parte all'elenco:

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

Ora apri qualsiasi file html in Sublime e usa una delle combinazioni di tasti, che aprirà quel file nel tuo browser preferito.


3

Su mac e sublime text 3, la cui versione è 3103, il contenuto dovrebbe essere

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

3

Strumenti -> Build System -> New Build System. Il tipo seguente come sistema operativo, salva come Chrome.sublime-build

Sistema operativo Windows

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

Mac OS

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

Salva il file - Chrome.sublime-build in location

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

Sublime View in Browswer - https://github.com/adampresley/sublime-view-in-browser (provato con Linux e funziona)


Assicurati di salvare come .sublime-build come estensione Esempio, se Firefox:Firefox.sublime-build
stesso tzar

1

La risposta di egyamado è stata davvero utile! Puoi migliorarlo per la tua configurazione particolare con qualcosa del genere:

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)

E poi nelle tue combinazioni di tasti:

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

Memorizziamo URL di esempio nella parte superiore di tutti i nostri modelli, quindi la prima parte ti consente di evidenziare quell'URL di esempio e avviarlo in un browser. Se non è evidenziato alcun testo, utilizzerà semplicemente il nome del file. Puoi regolare le chiamate ai comandi nelle associazioni di tasti sull'URL del tuo localhost e sul percorso di sistema dei documenti su cui stai lavorando.


1

Ho una situazione simile come te. Non voglio sublime editor aperto per file binari come jpg png. Invece l'applicazione predefinita del sistema aperto è più ragionevole.

  1. creane una build . Proprio come la risposta accettata. Ma aprirà sia l'applicazione predefinita che l'editor esadecimale.
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication Avrà il menu contestuale di scelta rapida OpenInDefaultApplication. Ma aprirà anche l'applicazione predefinita e l'editor esadecimale
  3. Pulgin: file non di testo https://packagecontrol.io/packages/Non%20Text%20Files Aggiungi configurazione nelle impostazioni dell'utente

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

Scelgo la terza via, è abbastanza adatta per me. Aprirà il file jpg nell'applicazione predefinita del sistema e chiuderà rapidamente la modalità di modifica automaticamente allo stesso tempo. Per quanto riguarda i primi due modi, puoi impostare "preview_on_click": false, per smettere di aprire automaticamente l'editor esadecimale in modo compromesso.


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.