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

Toute aide à la configuration de Sublime Text pour le développement Web est appréciée!

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

Comme pour toute configuration dans Sublime Text, il s'agit simplement de JSON, cela devrait donc être assez simple. La principale chose que vous allez vouloir configurer est la "cmd"clé / val. Voici la configuration de compilation pour lancer Chrome sur mon mac.

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

Enregistrez-le sous Chrome.sublime-build, relancez Sublime Text et vous devriez voir une nouvelle Chromeoption dans la liste de construction. Sélectionnez-le, et vous devriez pouvoir lancer Chrome avec Cmd+ Bsur un Mac (ou tout autre raccourci clavier que vous avez configuré pour la construction, peut-être son F7ou Ctrl+ Bsur une machine Windows)

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

Éditer:

Une autre chose que je finis par faire beaucoup dans Sublime Text 2 est que si vous faites un clic droit à l'intérieur d'un document, l'un des éléments du menu contextuel est Copy File Path, qui place le chemin complet du fichier actuel dans le presse-papiers pour un collage facile dans le navigateur de votre choix.

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.

Cela a fonctionné sur Sublime 3:

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

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

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

Pour parcourir ou ouvrir avec une application externe comme Chrome:

Ajoutez cette ligne à l' Tools -> Build System -> New Build System...ouverture du 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 -> OpenWithChromeet en appuyant sur la touche F7ou Ctrl+B.

Installez le plugin View In Browser en utilisant Package Control ou téléchargez le package depuis github et décompressez ce package dans votre dossier packages (celui de parcourir les packages)

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

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

maintenant F12 sera votre touche de raccourci.

Vous pouvez installer le plugin SideBarEnhancements , qui, entre autres, vous donnera la possibilité d'ouvrir le 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 le définir "default_browser"comme "chrome".

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

Sur Windows lançant 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+ Bet voila!

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

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

{
    "cmd": "explorer $file"
}

Revenez ensuite à votre fichier HTML. Outils -> Construire le système -> Navigateur . Appuyez ensuite sur CTRL-Bet le fichier sera ouvert 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, dans le menu sublime, accédez à Outils> Nouveau plugin. 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)

Sauver. Ensuite, ouvrez les raccourcis clavier utilisateur. (Outils> Palette de commandes> "Liaisons de touches utilisateur"), et ajoutez ceci quelque part dans 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'une des combinaisons de touches, ce qui ouvrirait ce fichier dans votre navigateur préféré.

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

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

Outils -> Système de construction -> Nouveau système de construction. Le type suivant comme système d'exploitation, enregistrez-le 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 dans l'emplacement

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

Sublime View dans Browswer - https://github.com/adampresley/sublime-view-in-browser (essayé avec Linux et cela fonctionne)

La réponse d'Egyamado a été 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, donc 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 mis en surbrillance, il utilisera simplement le nom du fichier. Vous pouvez ajuster les appels de commande dans les raccourcis clavier à l'URL de votre hôte local et au chemin d'accès système aux documents sur lesquels vous travaillez.

J'ai une situation similaire comme toi. Je ne veux pas de sublime éditeur ouvert pour les binaires comme les fichiers jpg png. Au lieu de cela, l'application par défaut du système ouvert est plus raisonnable.

1. créez un Build . Tout comme la réponse acceptée. Mais cela ouvrira à la fois l'application par défaut et l'éditeur hexadécimal.
2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication Il aura le menu contextuel OpenInDefaultApplication. Mais cela ouvrira également l'application par défaut et l'éditeur hexadécimal

3. Pulgin: Fichiers non texte https://packagecontrol.io/packages/Non%20Text%20Files Ajouter une configuration dans la configuration 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 sutiable 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 façons, vous pouvez définir "preview_on_click": false, pour arrêter d'ouvrir automatiquement l'éditeur hexadécimal de manière compromettante.

ou essayez ceci

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