Pintasan keyboard Sublime Text 2 untuk membuka file di browser tertentu (misalnya Chrome)

109

Saya melakukan pengembangan web dan mencoba Sublime Text 2. Apakah ada pintasan keyboard untuk membuka file saat ini di browser tertentu (misalnya Chrome)?

Setiap bantuan untuk mendapatkan penyiapan di Sublime Text untuk pengembangan web sangat dihargai!

wwwuser
sumber

Jawaban:

168

Saya tidak begitu yakin pertanyaan ini cocok di sini, tetapi Anda dapat menambahkan "Sistem Bangun" baru di bawah Tools -> Build System -> New Build System...

Seperti semua konfigurasi di Sublime Text, ini hanya JSON, jadi seharusnya cukup mudah. Hal utama yang ingin Anda konfigurasikan adalah "cmd"key / val. Berikut adalah konfigurasi build untuk meluncurkan chrome di mac saya.

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

Simpan itu sebagai Chrome.sublime-build, luncurkan kembali Sublime Text dan Anda akan melihat Chromeopsi baru dalam daftar build. Pilih itu, dan kemudian Anda harus dapat meluncurkan Chrome dengan Cmd+ Bdi Mac (atau hotkey apa pun yang telah Anda konfigurasikan untuk build, mungkin F7atau Ctrl+ Bdi mesin Windows)

Setidaknya ini akan memberi Anda dorongan ke arah yang benar.

Edit:

Hal lain yang sering saya lakukan di Sublime Text 2 adalah jika Anda mengklik kanan di dalam dokumen, salah satu item di menu konteks adalah Copy File Path, yang menempatkan jalur lengkap file saat ini ke clipboard agar mudah ditempelkan ke browser apa pun yang Anda inginkan.


Sublime Text 3 (contoh linux) "shell_cmd": "google-chrome '$ file'"

J. Holmes
sumber
5
Terima kasih! Ini sangat membantu.
wwwuser
53
Untuk Windows OS, gunakan cmd ini: {"cmd": ["PATH_TO_YOUR_CHROME", "$ file"]}
didxga
15
Hati-hati dengan garis miring terbalik di jalur Windows, buat garis miring ganda atau itu akan menganggapnya sebagai urutan pelolosan yang tidak valid, sehingga tidak berfungsi.
Angel
13
Juga untuk linux hanya{ "cmd": ["google-chrome", "$file"] }
lambda
13
Di Sublime Text 3, perintah telah diubah menjadi "shell_cmd": "open -a your_app '$file'".
Chris
48

"Buka di menu konteks Browser untuk file HTML" telah ditambahkan di versi terbaru (2207). Tanggal rilisnya adalah 25 Juni 2012.

aanton
sumber
2
Saya pasti telah mengabaikan menu konteks dengan klik kanan. Terima kasih atas tip ini!
orschiro
17
Dan Anda dapat dengan mudah menetapkan pintasan untuk ini: Buka Preferensi> Pengikatan Tombol - Pengguna. kemudian, di file .sublime-keymap yang terbuka, tambahkan { "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(atau kombinasi tombol lain yang Anda suka)
Jarón Barends
1
Jaron benar, tetapi ingatlah bahwa kombinasi tombol tidak boleh bertentangan dengan yang sudah ada, jika tidak, itu tidak akan berfungsi, dan tidak ada peringatan konflik jalan pintas sejauh yang saya tahu
Philip007
1
[{"keys": ["super +;"], "command": "run_macro_file", "args": {"file": "Packages / User / Titik Koma.sublime-macro"}}] berikut adalah konten di saya file konfigurasi? bagaimana cara menambahkan milik Anda ke konfigurasi saya yang sudah ada? Terima kasih!
Nicolas S.Xu
2
@NeilMonroe Mengaktifkan perintah logging di konsol untuk melihat kemungkinan kesalahansublime.log_commands(True)
aanton
33

Windows7 FireFox / Chrome:

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

cukup gunakan jalur firefox.exe atau chrome.exe Anda sendiri untuk menggantikan milik saya.

Ganti firefox.exe atau chrome.exe dengan jalur Anda sendiri.

boya
sumber
1
C:\\Users\\$User$\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exeadalah jalur umum untuk chrome di windows (ganti $ User $ dengan nama pengguna Anda).
Ben
1
Ya, tetapi apakah itu akan menggunakan build otomatis, atau apakah saya harus menentukan build. Karena saya memiliki banyak build lain dan saya menggunakan opsi build Otomatis, jadi apakah ini akan berfungsi pada build Otomatis?
IGRACH
14

Ini bekerja pada Sublime 3:


Untuk menelusuri file html dengan aplikasi default dengan Alt + L hotkey:

Tambahkan baris ini untuk Preferences -> Key Bindings - Usermembuka file:

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


Untuk menjelajahi atau membuka dengan aplikasi eksternal seperti chrome:

Tambahkan baris ini untuk Tools -> Build System -> New Build System...membuka file, dan simpan dengan nama"OpenWithChrome.sublime-build"

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

Kemudian Anda dapat menelusuri / membuka file dengan memilih Tools -> Build System -> OpenWithChromedan menekan tombol F7atau Ctrl+B.

Mamadex
sumber
1
Ini adalah cara paling mudah untuk melakukan ini. Menambahkan garis ke pengikatan kunci adalah yang dibutuhkan kebanyakan orang.
Shawn Erquhart
1
Anda juga dapat mengganti garis belakang ganda \` with single slashaes / `yang Sublime Text akan pahami di Windows juga.
kleinfreund
1
Ini berfungsi tetapi saya menemukan bahwa saya memerlukan nama file dalam tanda kutip jika file saya berada di direktori yang memiliki spasi pada namanya. Contoh: "C: \ Folder Saya \ test.html" akan menyebabkan dua tab Chrome membuka "C: \ My" dan "Folder \ test.html", yang sebenarnya salah. Membungkus bagian $ file dengan tanda kutip lolos dan kemudian ini berfungsi dengan baik (ganti $ file dengan \ "$ file \" pada perintah di atas).
PancakesOwn
13

Instal plugin View In Browser menggunakan Kontrol Paket atau unduh paket dari github dan unzip paket ini di folder paket Anda (yang dari menelusuri paket)

setelah ini, pergi ke Preferences, Key Bindings - User, paste ini

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

sekarang F12 akan menjadi tombol pintas Anda.

dicentiu
sumber
Saya juga harus mengganti baris terakhir Preferences --> PackageSettings--> view in Browser -- > default settings; menjadi "chrome 64" (dulu "firefox"). Kemudian berfungsi sempurna dengan pintasan apa pun;)
kolboc
12

Anda dapat menginstal plugin SideBarEnhancements , yang antara lain memberikan Anda kemampuan untuk membuka file di browser hanya dengan mengklik F12.

Untuk membuka persis di Chrome, Anda perlu memperbaiki file "Side Bar.sublime-settings" dan disetel "default_browser"menjadi "chrome".

Saya juga merekomendasikan untuk mempelajari tutorial video ini di Sublime Text 2.

Timofey Gorshkov
sumber
1
Errandir, di mana tepatnya video ini? Ada beberapa video di tautan yang Anda daftarkan di atas. Saya menggunakan windows 7, bukan mac. Terima kasih.
Chris22
8

Di windows meluncurkan browser default dengan url yang telah ditentukan sebelumnya:

Alat> Sistem Bangun> Sistem Bangun Baru:

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

ctrl+ Bdan voila!

kebiruan
sumber
1
mengagumkan, persis seperti yang saya cari. Terima kasih!
jonschlinkert
8

Tampaknya ada banyak solusi untuk Windows di sini, tetapi ini yang paling sederhana:

Tools -> Build System -> New Build System , ketik di atas, simpan sebagai Browser.sublime-build:

{
    "cmd": "explorer $file"
}

Lalu kembali ke file HTML Anda. Alat -> Bangun Sistem -> Peramban . Kemudian tekan CTRL-Bdan file akan dibuka di browser apa pun yang merupakan browser default sistem Anda.

Simon Sarris
sumber
4

Berikut adalah solusi lain jika Anda ingin menyertakan browser yang berbeda di file. Jika Anda dan pengguna Mac, dari menu sublime pergi ke Tools> New Plugin. Hapus kode yang dihasilkan dan lewati yang berikut ini:

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)

Menyimpan. Kemudian buka User Keybindings. (Alat> Palet Perintah> "Binding Kunci Pengguna"), dan tambahkan ini di suatu tempat ke daftar:

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

Sekarang buka file html apa pun di Sublime dan gunakan salah satu keybindings, yang akan membuka file itu di browser favorit Anda.

egyamado
sumber
3

Di mac dan teks sublime 3, yang versi 3103, konten harus

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

Alat -> Sistem Bangun -> Sistem Bangun Baru. Jenis berikut sebagai OS Anda, simpan sebagai Chrome.sublime-build

OS Windows

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

MAC Os

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

Simpan file - lokasi Chrome.sublime-build in

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

Sublime View di Browswer - https://github.com/adampresley/sublime-view-in-browser ( Sudah dicoba dengan Linux dan berhasil)

J4cK
sumber
Pastikan untuk menyimpan sebagai .sublime-build as extension Contoh, jika Firefox:Firefox.sublime-build
sameer tzar
1

Jawaban egyamado sangat membantu! Anda dapat meningkatkannya untuk penyiapan khusus Anda dengan sesuatu seperti ini:

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)

Dan kemudian di keybindings Anda:

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

Kami menyimpan contoh url di bagian atas semua template kami, jadi bagian pertama memungkinkan Anda menyorot URL contoh itu dan meluncurkannya di browser. Jika tidak ada teks yang disorot, itu hanya akan menggunakan nama file. Anda dapat menyesuaikan panggilan perintah di keybindings ke url localhost Anda dan jalur sistem ke dokumen yang sedang Anda kerjakan.

nabrown
sumber
1

Saya memiliki situasi yang sama seperti Anda. Saya tidak ingin editor terbuka luhur untuk biner seperti file png jpg. Sebaliknya aplikasi default sistem terbuka lebih masuk akal.

  1. buat satu Build . Sama seperti jawaban yang diterima. Tetapi itu akan membuka aplikasi default dan editor hex.
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication Ini akan memiliki konteks menu klik kanan OpenInDefaultApplication. Tetapi itu akan membuka aplikasi default dan editor hex juga
  3. Pulgin: File Non Teks https://packagecontrol.io/packages/Non%20Text%20Files Tambahkan konfigurasi di pengaturan pengguna

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

Saya memilih cara ketiga, cukup masuk akal bagi saya. Ini akan membuka file jpg di aplikasi default sistem dan dengan cepat menutup mode edit secara otomatis pada saat yang bersamaan. Untuk dua cara pertama, Anda dapat menyetel "preview_on_click": false, untuk berhenti membuka secara otomatis hex editor secara otomatis.

Victor Choy
sumber