web-dev-qa-db-fra.com

Raccourci clavier Texte sublime 2 pour ouvrir le fichier dans le navigateur spécifié (par exemple, Chrome)

Je fais du développement Web et je teste Sublime Text 2. Existe-t-il un raccourci clavier pour ouvrir le fichier actuel dans le navigateur spécifié (par exemple, Chrome)? 

Toute aide pour la configuration de Sublime Text pour le développement Web est la bienvenue!

109
wwwuser

Je ne suis pas vraiment sûr que cette question soit appropriée ici, mais vous pouvez ajouter un nouveau "Système de construction" sous Tools -> Build System -> New Build System...

Comme pour toute configuration dans Sublime Text, il s'agit simplement de JSON, il devrait donc être assez simple. La principale chose que vous allez configurer est le "cmd" key/val. Voici la configuration pour le lancement de chrome sur mon mac.

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

Enregistrez cela sous le nom Chrome.sublime-build, relancez Sublime Text et vous devriez voir une nouvelle option Chrome dans la liste de construction. Sélectionnez-le et vous devriez pouvoir lancer Chrome avec Cmd+B sur un Mac (ou le raccourci clavier que vous avez configuré pour la construction, peut-être sa F7 ou Ctrl+B sur une machine Windows)

Au moins, cela devrait vous donner un coup de pouce dans la bonne direction.

Edit:

Une autre chose que je finis souvent par faire dans Sublime Text 2 est que si vous cliquez avec le bouton droit de la souris dans un document, l’un des éléments du menu contextuel est Copy File Path, ce qui place le chemin complet du fichier actuel dans le Presse-papiers pour un collage facile dans le navigateur souhaité. .


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

168
James Holmes

"Ouvrir le menu contextuel du navigateur pour les fichiers HTML" a été ajouté dans la dernière version (2207). Sa date de sortie était le 25 juin 2012.

48
aanton

Windows 7 FireFox/Chrome:

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

utilisez simplement votre propre chemin de firefox.exe ou chrome.exe pour remplacer le mien.

Remplacez firefox.exe ou chrome.exe par votre propre chemin.

33
boya

Cela a fonctionné sur Sublime 3:


Pour parcourir les fichiers html avec l'application par défaut avec la touche de raccourci Alt + L:

Ajoutez cette ligne au fichier d'ouverture Preferences -> Key Bindings - User:

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


Pour parcourir ou ouvrir avec une application externe telle que chrome:

Ajoutez cette ligne au fichier d'ouverture Tools -> Build System -> New Build System... et enregistrez-le sous le nom "OpenWithChrome.sublime-build"

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

Ensuite, vous pouvez parcourir/ouvrir le fichier en sélectionnant Tools -> Build System -> OpenWithChrome et en appuyant sur la touche F7 ou Ctrl+B.

13
Mamadex

Installez le plug-in View In Browser en utilisant Package Control ou téléchargez le package à partir de github et décompressez ce package dans votre dossier de packages (à partir des packages de navigation).

après cela, allez dans Préférences, Liaisons de touches - Utilisateur, collez-le

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

maintenant F12 sera votre touche de raccourci.

13
dicentiu

Vous pouvez installer le plugin SideBarEnhancements , qui vous donnera notamment la possibilité d’ouvrir un fichier dans le navigateur en cliquant simplement sur F12.

Pour ouvrir exactement dans Chrome, vous devez corriger le fichier «Side Bar.sublime-settings» et définir "default_browser" sur "chrome".

Je recommande également d'apprendre ce didacticiel vidéo sur Sublime Text 2.

12
Timofey Gorshkov

Il semble y avoir beaucoup de solutions pour Windows ici, mais voici la plus simple:

Outils -> Système de construction -> Nouveau système de construction , saisissez ce qui précède, enregistrez sous le code Browser.sublime-build:

{
    "cmd": "Explorer $file"
}

Revenez ensuite à votre fichier HTML. Outils -> Système de construction -> Navigateur . Puis appuyez sur CTRL-B et le fichier sera ouvert dans n'importe quel navigateur est le navigateur par défaut de votre système.

8
Simon Sarris

Sous Windows, lancez le navigateur par défaut avec une URL prédéfinie:

Outils> Système de construction> Nouveau système de construction:

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

ctrl + B et le tour est joué!

8
bluehipy

Voici une autre solution si vous souhaitez inclure différents navigateurs dans le fichier . Si vous et l'utilisateur Mac, dans le menu sublime, accédez à Outils> Nouveau plug-in. Supprimez le code généré et collez ce qui suit:

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)

Save . Ouvrez ensuite les raccourcis clavier. (Outils> Palette de commandes> "Liaisons de clés utilisateur"), et ajoutez-le quelque part à la liste:

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

Maintenant, ouvrez n’importe quel fichier html dans Sublime et utilisez l’un des raccourcis clavier pour l’ouvrir dans votre navigateur préféré.

4
egyamado

Sur mac et sublime text 3, dont la version est 3103, le contenu doit être

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

Outils -> Système de construction -> Nouveau système de construction. Le type suivant en tant que votre système d'exploitation, enregistrez sous Chrome.sublime-build

Système d'exploitation Windows  

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

MAC Os

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

Enregistrez le fichier - Chrome.sublime-build in location 

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

la réponse d'Egyamado était vraiment utile! Vous pouvez l’améliorer pour votre configuration particulière avec quelque chose comme ceci:

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)

Et puis dans vos raccourcis clavier:

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

Nous stockons des exemples d'URL en haut de tous nos modèles. La première partie vous permet donc de mettre en évidence cet exemple d'URL et de le lancer dans un navigateur. Si aucun texte n'est en surbrillance, il utilisera simplement le nom du fichier. Vous pouvez ajuster les appels de commande dans les raccourcis clavier vers votre URL localhost et le chemin système des documents sur lesquels vous travaillez.

1
nabrown

J'ai la même situation que toi. Je ne veux pas sublimer éditeur ouvert pour binaire comme les fichiers png jpg. Au lieu de cela, l'application par défaut du système ouvert est plus raisonnable.

  1. créer une construction. Tout comme la réponse acceptée. Mais cela ouvrira à la fois l'application par défaut et l'éditeur hexadécimal.
  2. Pulgin OpenDefaultApplicationhttps://github.com/SublimeText/OpenDefaultApplication Il aura un menu contextuel contextuel OpenInDefaultApplication. Mais cela ouvrira à la fois l'application par défaut et l'éditeur hexadécimal
  3. Pulgin: Fichiers autres que du textehttps://packagecontrol.io/packages/Non%20Text%20Files Ajouter une configuration dans le paramétrage de l'utilisateur

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

Je choisis la troisième voie, c'est tout à fait sutiable pour moi. Il ouvrira le fichier jpg dans l'application par défaut du système et fermera rapidement le mode de modification automatiquement en même temps. En ce qui concerne les deux premières manières, vous pouvez définir "preview_on_click": false pour ne pas ouvrir automatiquement l’éditeur hexadécimal avec compromission.

1
Victor Choy

ou essayez ceci

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

0
Vinay