Sublime Text 2 raccourci clavier pour ouvrir le fichier dans le navigateur spécifié (par exemple, Chrome)

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

Toute aide pour l’installation dans Sublime Text for web development est appréciée!

Je ne suis pas vraiment sûr que cette question soit pertinente ici, mais vous pouvez append un nouveau “Build System” sous Tools -> Build System -> New Build System...

Comme avec toutes les configurations dans Sublime Text, il ne s’agit que de JSON, donc il devrait être assez simple. La principale chose que vous allez vouloir configurer est la clé / val "cmd" . Voici la configuration de lancement pour lancer chrome sur mon mac.

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

Enregistrez-le en tant que Chrome.sublime-build , Chrome.sublime-build 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 n’importe quel raccourci clavier configuré pour la construction, peut-être son F7 ou Ctrl + B sur une machine Windows)

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

Modifier:

Une autre chose que je finis par faire beaucoup dans Sublime Text 2 est que si vous cliquez avec le bouton droit dans un document, l’un des éléments du menu contextuel est Copy File Path , qui place le chemin complet du fichier dans le presse-papier tu veux.


Sublime Text 3 (exemple linux) “shell_cmd”: “google-chrome ‘$ file'”

“Ouvrir dans 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.

Windows7 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.

Installez le plug-in View In Browser à l’ aide du contrôle de package ou téléchargez le package à partir de github et décompressez ce package dans votre dossier de packages (celui de parcourir les packages)

après cela, allez dans Préférences, Key Bindings – User, collez ceci

[{“keys”: [“f12”], “commande”: “view_in_browser”}]

maintenant F12 sera votre touche de raccourci.

Cela a fonctionné sur Sublime 3:

Pour parcourir les fichiers HTML avec l’application par défaut en appuyant sur Alt + L:

Ajoutez cette ligne à Preferences -> Key Bindings - User Fichier d’ouverture de l’ Preferences -> Key Bindings - User :

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

Pour naviguer ou ouvrir avec une application externe comme chrome:

Ajoutez cette ligne à Tools -> Build System -> New Build System... ouvrant le fichier et enregistrez avec 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 Ctrl+B F7 ou Ctrl+B

Vous pouvez installer le plug-in SideBarEnhancements qui, entre autres choses, vous permettra d’ouvrir un fichier dans le navigateur en cliquant simplement sur F12.

Pour ouvrir exactement dans Chrome, vous devrez réparer le fichier “Side Bar.sublime-settings” et définir "default_browser" comme "chrome" .

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

Sur les fenêtres de lancement du 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é!

Il semble y avoir beaucoup de solutions pour Windows ici, mais c’est le plus simple:

Outils -> Construire le système -> Nouveau système de Browser.sublime-build , tapez ce qui précède, enregistrez-le en tant que Browser.sublime-build :

 { "cmd": "explorer $file" } 

Revenez ensuite à votre fichier HTML. Outils -> Construire le système -> Navigateur . Appuyez ensuite sur CTRL-B pour ouvrir le fichier dans le navigateur par défaut de votre système.

Voici une autre solution si vous souhaitez inclure différents navigateurs dans un fichier. Si vous et l’utilisateur Mac, depuis le menu sublime, allez dans Outils> Nouveau plugin. Supprimez le code généré et passez les éléments suivants:

 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) 

Sauvegarder. Ouvrez ensuite les raccourcis clavier. (Outils> Palette de commandes> “Liaisons de clé utilisateur”) et ajoutez-le à 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"}} 

Ouvrez maintenant n’importe quel fichier HTML dans Sublime et utilisez l’un des raccourcis clavier qu’il ouvrirait dans votre navigateur préféré.

Outils -> Système de construction -> Nouveau système de génération. Le type suivant en tant que votre système d’exploitation, enregistrez en tant que Chrome.sublime-build

Windows OS

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

Sur mac et sublime text 3, quelle version est 3103, le contenu devrait être

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

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 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 à votre URL localhost et au chemin d’access système aux documents sur lesquels vous travaillez.

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

  1. créer un Build . Tout comme la réponse acceptée. Mais il ouvrira à la fois l’application par défaut et l’éditeur hexadécimal.
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication Il aura un clic droit sur le menu OpenInDefaultApplication. Mais il ouvrira à la fois l’application par défaut et l’éditeur hexadécimal
  3. Pulgin: fichiers non textuels https://packagecontrol.io/packages/Non%20Text%20Files Ajouter config 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 assez sûr pour moi. Il ouvrira le fichier jpg dans l’application par défaut du système et fermera rapidement le mode d’édition 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 de manière sûre.

ou essayez ceci

“cmd”: [“cmd”, “/ K”, “démarrer http: // localhost / Angularjs / $ nom_fichier”]