Dosyayı belirtilen tarayıcıda (ör. Chrome) açmak için Sublime Text 2 klavye kısayolu


109

Web geliştirme yapıyorum ve Sublime Text 2'yi deniyorum. Geçerli dosyayı belirtilen tarayıcıda (ör. Chrome) açmak için bir klavye kısayolu var mı?

Web geliştirme için Sublime Text'te kurulum yapmak için her türlü yardım için teşekkür ederiz!

Yanıtlar:


168

Bu sorunun burada uygun olup olmadığından pek emin değilim, ancak yeni bir "Yapı Sistemi" ekleyebilirsiniz. Tools -> Build System -> New Build System...

Sublime Text'teki tüm konfigürasyonlarda olduğu gibi, onun sadece JSON'u, bu yüzden oldukça basit olmalı. Yapılandırmak isteyeceğiniz ana şey "cmd"anahtar / val'dir. Mac'imde Chrome'u başlatmak için yapı yapılandırması burada.

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

Bunu farklı kaydedin Chrome.sublime-build, Sublime Text'i yeniden başlatın ve Chromeyapı listesinde yeni bir seçenek görmelisiniz . Bunu seçin ve ardından Chrome'u bir Mac'te Cmd+ ile başlatabilmelisiniz B(veya oluşturmak için yapılandırdığınız kısayol tuşu, belki bir Windows makinesinde F7veya Ctrl+ B)

En azından bu size doğru yönde bir itici güç sağlamalıdır.

Düzenle:

Sublime Text 2'de çok yaptığım bir diğer şey de, bir belgenin içine sağ tıklarsanız, bağlam menüsündeki öğelerden biri, Copy File Pathistediğiniz tarayıcıya kolayca yapıştırmak için geçerli dosyanın tam yolunu panoya koyan şeydir .


Sublime Text 3 (linux örneği) "shell_cmd": "google-chrome '$ dosya'"


5
Teşekkürler! Bu çok yardımcı oluyor.
wwwuser

53
Window OS için, şu cmd'yi kullanın: {"cmd": ["PATH_TO_YOUR_CHROME", "$ file"]}
didxga

15
Windows yolundaki ters eğik çizgilere dikkat edin, bunları iki katına çıkarın, aksi takdirde geçersiz kaçış dizisi olarak kabul eder, dolayısıyla çalışmaz.
Angel

13
Ayrıca linux için onun sadece{ "cmd": ["google-chrome", "$file"] }
lambda

13
Sublime Text 3'te komut olarak değiştirildi "shell_cmd": "open -a your_app '$file'".
Chris

48

En son yapıda (2207) "HTML dosyaları için Tarayıcıda Aç bağlam menüsü" eklenmiştir. Çıkış tarihi 25 Haziran 2012 idi.


2
Sağ tıklama ile içerik menüsünü gözden kaçırmış olmalıyım. Bu ipucu için teşekkürler!
orschiro

17
Bunun için kolaylıkla bir kısayol atayabilirsiniz: Tercihler> Tuş Bağlantıları - Kullanıcı'ya gidin. ardından, açılan .sublime-keymap dosyasında { "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(veya
beğendiğiniz

1
Jaron haklı, ancak anahtar kombinasyonunun mevcut olanlarla
çakışamayacağını unutmayın

1
[{"anahtarlar": ["süper +;"], "komut": "run_macro_file", "bağımsız değişkenler": {"file": "Paketler / Kullanıcı / Noktalı virgül.sublime-macro"}}] benim içeriğim yapılandırma dosyası? seninkini mevcut yapılandırmama nasıl eklerim? Teşekkür ederim!
Nicolas S.Xu

2
@NeilMonroe Olası hataları görmek için konsoldaki günlük komutlarını etkinleştirinsublime.log_commands(True)
aanton

33

Windows7 FireFox / Chrome:

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

benimkini değiştirmek için kendi firefox.exe veya chrome.exe yolunuzu kullanın.

Firefox.exe veya chrome.exe'yi kendi yolunuzla değiştirin.


1
C:\\Users\\$User$\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exeWindows'taki Chrome için ortak yoldur ($ User $ yerine kullanıcı adınızı yazın).
Ben

1
Evet, ancak otomatik derlemeyi mi kullanacak yoksa yapıyı belirtmem mi gerekiyor? Çok sayıda başka derlemem olduğu ve Otomatik derleme seçeneğini kullandığım için Otomatik derlemede çalışacak mı?
IGRACH

14

Bu Sublime 3 üzerinde çalıştı:


Varsayılan uygulama ile Alt + L kısayol tuşuyla html dosyalarına göz atmak için:

Preferences -> Key Bindings - UserAçılan dosyaya bu satırı ekleyin :

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


Chrome gibi harici bir uygulamaya göz atmak veya açmak için:

Bu satırı Tools -> Build System -> New Build System...açılan dosyaya ekleyin ve isimle kaydedin"OpenWithChrome.sublime-build"

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

Sonra seçip veya tuşuna Tools -> Build System -> OpenWithChromebasarak dosyayı tarayabilir / açabilirsiniz .F7Ctrl+B


1
Bunu yapmanın en kolay yolu budur. Hattı anahtar bağlamalarına eklemek çoğu insanın ihtiyaç duyacağı şeydir.
Shawn Erquhart

1
Ayrıca, \` with single slashaes Sublime Text'in Windows'ta da anlayacağı çift ​​backshash'leri / `` değiştirebilirsin .
kleinfreund

1
Bu işe yaradı, ancak dosyamın adında boşluklar olan bir dizinde olması durumunda dosya adına ihtiyacım olduğunu fark ettim. Örneğin: "C: \ Klasörüm \ test.html", iki Chrome sekmesinin "C: \ My" ve "Klasör \ test.html" yi açmasına neden olur, bu da yanlıştır. $ Dosya kısmını çıkışlı tırnaklarla sarmak ve sonra bu iyi çalışır (yukarıdaki komutta $ file'ı \ "$ dosya \" ile değiştirin).
PancakesOwn

13

View In Browser eklentisini Paket Kontrolünü kullanarak yükleyin veya paketi github'dan indirin ve bu paketi paketler klasörünüze (paketlere göz atarak) açın.

bundan sonra Tercihler, Anahtar Bağlamalar - Kullanıcı'ya gidin, bunu yapıştırın

[{"anahtarlar": ["f12"], "komut": "view_in_browser"}]

şimdi F12 kısayol tuşunuz olacak.


Ayrıca son satırı da değiştirmek zorunda kaldım Preferences --> PackageSettings--> view in Browser -- > default settings; "chrome 64" ("firefox" idi). Sonra herhangi kısayol mükemmel çalışıyor;)
kolboc

12

SideBarEnhancements eklentisini yükleyebilirsiniz ; bu eklenti , diğer şeylerin yanı sıra, yalnızca F12'ye tıklayarak tarayıcıda dosya açma olanağı sağlar.

Tam olarak Chrome'da açmak için, "Side Bar.sublime-settings" dosyasını düzeltmeniz ve olarak ayarlamanız "default_browser"gerekir "chrome".

Ayrıca bu eğitim videosunu Sublime Text 2'de öğrenmenizi tavsiye ederim .


1
Errandir bu video tam olarak nerede? Yukarıda listelediğiniz bağlantıda birkaç video var. Mac değil, Windows 7 kullanıyorum. Teşekkürler.
Chris22

8

Önceden tanımlanmış bir url ile varsayılan tarayıcıyı başlatan pencerelerde:

Araçlar> Sistem Oluştur> Yeni Derleme Sistemi:

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

ctrl+ Bve işte!


1
harika, tam olarak aradığım şey. Teşekkürler!
jonschlinkert

8

Burada Windows için pek çok çözüm var gibi görünüyor, ancak bu en basit olanı:

Araçlar -> Sistem Oluştur -> Yeni Yapı Sistemi , yukarıdakileri yazın, farklı kaydedin Browser.sublime-build:

{
    "cmd": "explorer $file"
}

Ardından HTML dosyanıza geri dönün. Araçlar -> Sistem Oluştur -> Tarayıcı . Ardından tuşuna basın CTRL-Bve dosya, sistem varsayılan tarayıcınız ne olursa olsun, açılacaktır.


4

Dosyaya farklı tarayıcılar eklemek istiyorsanız işte başka bir çözüm. Siz ve Mac kullanıcısıysanız, üstün menüden Araçlar> Yeni Eklenti'ye gidin. Oluşturulan kodu silin ve aşağıdakileri yapıştırın:

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)

Kayıt etmek. Ardından Kullanıcı Tuş Bağlamalarını açın. (Araçlar> Komut Paleti> "Kullanıcı Anahtarı bağlantıları") ve bunu listenin herhangi bir yerine ekleyin:

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

Şimdi herhangi bir html dosyasını Sublime'da açın ve bu dosyayı favori tarayıcınızda açacak olan tuş atamalarından birini kullanın.


3

3103 sürümü olan mac ve sublime text 3'te içerik,

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

3

Araçlar -> Sistem Oluştur -> Yeni Yapı Sistemi. İşletim sisteminiz olarak aşağıdaki tür, Chrome.sublime-build olarak kaydedin

Windows İşletim Sistemi

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

Mac os işletim sistemi

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

Dosyayı kaydedin - Chrome.sublime-build in location

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

Tarayıcıda Üstün Görünüm - https://github.com/adampresley/sublime-view-in-browser (Linux ile denendi ve çalışıyor)


Uzantı olarak .sublime-build olarak kaydettiğinizden emin olun Örnek, eğer Firefox:Firefox.sublime-build
sameer tzar

1

egyamado'nun cevabı gerçekten yardımcı oldu! Bunu, kendi kurulumunuz için aşağıdaki gibi bir şeyle geliştirebilirsiniz:

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)

Ve sonra anahtar bağlarınızda:

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

Örnek URL'leri tüm şablonlarımızın en üstünde saklıyoruz, bu nedenle ilk bölüm bu örnek URL'yi vurgulamanıza ve bir tarayıcıda başlatmanıza olanak tanır. Hiçbir metin vurgulanmamışsa, yalnızca dosya adını kullanır. Anahtar bağlantılarındaki komut çağrılarını localhost url'nize ve üzerinde çalıştığınız belgelere giden sistem yoluna ayarlayabilirsiniz.


1

Senin gibi benzer bir durumum var. Jpg png dosyaları gibi ikili için yüce açık düzenleyici istemiyorum. Bunun yerine açık sistem varsayılan uygulaması daha mantıklıdır.

  1. bir Yapı oluşturun . Tıpkı kabul edilen cevap gibi. Ancak hem varsayılan uygulamayı hem de onaltılık düzenleyiciyi açacaktır.
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication OpenInDefaultApplication sağ tıklama menüsüne sahip olacaktır. Ancak hem varsayılan uygulamayı hem de onaltılık düzenleyiciyi açacaktır
  3. Pulgin: Metin Olmayan Dosyalar https://packagecontrol.io/packages/Non%20Text%20Files Kullanıcı ayarlarına yapılandırma ekleyintting

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

Üçüncü yolu seçiyorum, benim için oldukça mantıklı. Sistem varsayılan uygulamasında jpg dosyasını açacak ve aynı anda otomatik olarak düzenleme modunu hızlı bir şekilde kapatacaktır. İlk iki yöntemle ilgili olarak, "preview_on_click": false, onaltılık düzenleyiciyi uzlaşmacı bir şekilde otomatik olarak açmayı durdurmak için ayarlayabilirsiniz.


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.