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!
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'"
"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.
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.
Ajoutez cette ligne au fichier d'ouverture Preferences -> Key Bindings - User
:
{ "keys": ["alt+l"], "command": "open_in_browser"}
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
.
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.
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.
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.
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é!
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é.
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 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
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.
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.
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.
ou essayez ceci
"cmd": ["cmd", "/ K", "start http: // localhost/Angularjs/ $ nom_fichier"]