Phím tắt Sublime Text 2 để mở tệp trong trình duyệt được chỉ định (ví dụ: Chrome)


109

Tôi phát triển web và đang dùng thử Sublime Text 2. Có phím tắt nào để mở tệp hiện tại trong trình duyệt được chỉ định (ví dụ: Chrome) không?

Mọi trợ giúp để thiết lập trong Sublime Text để phát triển web đều được đánh giá cao!

Câu trả lời:


168

Tôi không thực sự chắc chắn câu hỏi này được chấp nhận ở đây, nhưng bạn có thể thêm một "Hệ thống xây dựng" mới trong Tools -> Build System -> New Build System...

Như với tất cả các cấu hình trong Sublime Text, nó chỉ là JSON, vì vậy nó sẽ khá đơn giản. Điều chính bạn sẽ muốn cấu hình là "cmd"khóa / val. Đây là cấu hình bản dựng để khởi chạy chrome trên máy Mac của tôi.

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

Lưu nó dưới dạng Chrome.sublime-build, khởi chạy lại Sublime Text và bạn sẽ thấy một Chrometùy chọn mới trong danh sách xây dựng. Chọn nó và sau đó bạn sẽ có thể khởi chạy Chrome với Cmd+ Btrên máy Mac (hoặc bất kỳ phím nóng nào bạn đã định cấu hình cho bản dựng, có thể là phím F7hoặc Ctrl+ Btrên máy Windows)

Ít nhất điều này sẽ cung cấp cho bạn một lực đẩy đi đúng hướng.

Biên tập:

Một điều khác mà tôi đã làm rất nhiều trong Sublime Text 2 là nếu bạn nhấp chuột phải vào bên trong tài liệu, một trong các mục trong trình đơn ngữ cảnh Copy File Pathsẽ đặt đường dẫn đầy đủ của tệp hiện tại vào khay nhớ tạm để dễ dàng dán vào bất kỳ trình duyệt nào bạn muốn.


Sublime Text 3 (ví dụ linux) "shell_cmd": "google-chrome '$ file'"


5
Cảm ơn! Điều này giúp ích rất nhiều.
wwwuser

53
Đối với Hệ điều hành Window, hãy sử dụng cmd này: {"cmd": ["PATH_TO_YOUR_CHROME", "$ file"]}
didxga

15
Cẩn thận với các dấu gạch chéo ngược trong đường dẫn Windows, làm cho chúng thành đôi hoặc nó sẽ coi chúng là chuỗi thoát không hợp lệ, do đó không hoạt động.
Angel

13
Cũng cho linux chỉ của nó{ "cmd": ["google-chrome", "$file"] }
lambda

13
Trong Sublime Text 3, lệnh đã được đổi thành "shell_cmd": "open -a your_app '$file'".
Chris

48

"Mở trong menu ngữ cảnh của Trình duyệt cho các tệp HTML" đã được thêm vào trong bản dựng mới nhất (2207). Ngày phát hành của nó là 25 tháng 6 năm 2012.


2
Tôi hẳn đã bỏ qua menu ngữ cảnh bằng cách nhấp chuột phải. Cảm ơn vì mẹo này!
orschiro

17
Và bạn có thể dễ dàng gán một phím tắt cho việc này: Đi tới Tùy chọn> Liên kết Chính - Người dùng. sau đó, trong tệp .sublime-keymap mở ra, hãy thêm { "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(hoặc bất kỳ tổ hợp phím nào khác mà bạn yêu thích)
Jarón Barends

1
Jaron là đúng, nhưng nhớ rằng tổ hợp phím có thể không mâu thuẫn với những cái hiện có, nếu không nó chỉ sẽ không làm việc, và không có cảnh báo xung đột phím tắt trong siêu việt như xa như tôi có thể nói
Philip007

1
[{"key": ["super +;"], "command": "run_macro_file", "args": {"file": "Packages / User / Semicolon.sublime-macro"}}] đây là nội dung trong tập tin cấu hình? làm cách nào để thêm của bạn vào cấu hình thoát của tôi? Cảm ơn bạn!
Nicolas S.Xu

2
@NeilMonroe Kích hoạt lệnh khai thác gỗ trong giao diện điều khiển để xem lỗi có thểsublime.log_commands(True)
aanton

33

Windows7 FireFox / Chrome:

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

chỉ cần sử dụng đường dẫn firefox.exe hoặc chrome.exe của riêng bạn để thay thế đường dẫn của tôi.

Thay firefox.exe hoặc chrome.exe bằng đường dẫn của riêng bạn.


1
C:\\Users\\$User$\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exelà đường dẫn chung cho chrome trên windows (thay thế $ User $ bằng tên người dùng của bạn).
Ben

1
Có nhưng nó sẽ sử dụng bản dựng tự động hay tôi phải xác định bản dựng. Bởi vì tôi có rất nhiều bản dựng khác và tôi sử dụng tùy chọn Bản dựng tự động, vậy nó có hoạt động trên Bản dựng tự động không?
IGRACH

14

Điều này đã hoạt động trên Sublime 3:


Để duyệt các tệp html với ứng dụng mặc định bằng phím nóng Alt + L:

Thêm dòng này để Preferences -> Key Bindings - Usermở tệp:

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


Để duyệt hoặc mở bằng ứng dụng bên ngoài như chrome:

Thêm dòng này vào Tools -> Build System -> New Build System...tệp mở và lưu với tên"OpenWithChrome.sublime-build"

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

Sau đó, bạn có thể duyệt / mở tệp bằng cách chọn Tools -> Build System -> OpenWithChromevà nhấn phím F7hoặc Ctrl+B.


1
Đây là cách đơn giản nhất để làm điều này. Thêm dòng vào các ràng buộc chính là tất cả những gì hầu hết mọi người sẽ cần.
Shawn Erquhart,

1
Bạn cũng có thể thay thế dấu thăng kép \` with single slashaes / `mà Sublime Text cũng sẽ hiểu trên Windows.
kleinfreund

1
Điều này hoạt động nhưng tôi thấy rằng tôi cần đặt tên tệp trong dấu ngoặc kép trong trường hợp tệp của tôi nằm trong thư mục có khoảng trắng trong tên. Ví dụ: "C: \ My Folder \ test.html" sẽ khiến hai tab Chrome mở "C: \ My" và "Folder \ test.html", điều này là sai. Bao bọc phần $ tệp bằng dấu ngoặc kép và sau đó điều này hoạt động tốt (thay thế $ tệp bằng \ "$ tệp \" trong lệnh trên).
Bánh kếp riêng

13

Cài đặt plugin View In Browser bằng cách sử dụng Package Control hoặc tải xuống gói từ github và giải nén gói này trong thư mục gói của bạn (từ các gói duyệt qua)

sau đó, hãy chuyển đến Preferences, Key Bindings - Người dùng, dán

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

bây giờ F12 sẽ là phím tắt của bạn.


Tôi cũng đã phải thay đổi dòng cuối cùng trong Preferences --> PackageSettings--> view in Browser -- > default settings; thành "chrome 64" (là "firefox"). Sau đó, hoạt động hoàn hảo với bất kỳ phím tắt;)
kolboc

12

Bạn có thể cài đặt plugin SideBarEnhancements , trong số những thứ khác sẽ cung cấp cho bạn khả năng mở tệp trong trình duyệt chỉ bằng cách nhấp vào F12.

Để mở một cách chính xác trong Chrome, bạn sẽ cần phải sửa chữa lên “Side Bar.sublime-settings” tập tin và thiết lập "default_browser"được "chrome".

Tôi cũng khuyên bạn nên tìm hiểu hướng dẫn bằng video này về Sublime Text 2.


1
Errandir video này chính xác ở đâu? Có một số video tại liên kết mà bạn liệt kê ở trên. Tôi đang sử dụng windows 7, không phải mac. Cảm ơn.
Chris 22

8

Trên cửa sổ khởi chạy trình duyệt mặc định với url xác định trước:

Công cụ> Hệ thống xây dựng> Hệ thống xây dựng mới:

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

ctrl+ Bvà thì đấy!


1
tuyệt vời, chính xác những gì tôi đang tìm kiếm. Cảm ơn!
jonschlinkert

8

Có vẻ như có rất nhiều giải pháp cho Windows ở đây nhưng đây là giải pháp đơn giản nhất:

Công cụ -> Hệ thống xây dựng -> Hệ thống xây dựng mới , nhập ở trên, lưu dưới dạng Browser.sublime-build:

{
    "cmd": "explorer $file"
}

Sau đó quay lại tệp HTML của bạn. Công cụ -> Xây dựng Hệ thống -> Trình duyệt . Sau đó nhấn CTRL-Bvà tệp sẽ được mở trong bất kỳ trình duyệt nào là trình duyệt mặc định của hệ thống của bạn.


4

Đây là một giải pháp khác nếu bạn muốn đưa các trình duyệt khác nhau vào tệp. Nếu bạn và người dùng Mac, từ menu sublime, hãy chuyển đến Tools> New Plugin. Xóa mã đã tạo và xóa mã sau:

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)

Tiết kiệm. Sau đó, mở User Keybindings. (Tools> Command Palette> "User Key bindings"), và thêm cái này vào đâu đó vào danh sách:

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

Bây giờ, hãy mở bất kỳ tệp html nào trong Sublime và sử dụng một trong các keybindings, nó sẽ mở tệp đó trong trình duyệt yêu thích của bạn.


3

Trên mac và sublime text 3, phiên bản 3103, nội dung phải

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

3

Công cụ -> Hệ thống xây dựng -> Hệ thống xây dựng mới. Loại sau làm hệ điều hành của bạn, lưu dưới dạng Chrome.sublime-build

HĐH Windows

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

Hệ điều hành Mac

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

Lưu tệp - Chrome.sublime-build in location

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

Sublime View trong Browswer - https://github.com/adampresley/sublime-view-in-browser (Đã thử với Linux và nó hoạt động)


Hãy chắc chắn rằng để tiết kiệm như .sublime-build như mở rộng Ví dụ, nếu Firefox:Firefox.sublime-build
sameer ông vua

1

câu trả lời của egyamado thực sự hữu ích! Bạn có thể cải thiện nó cho thiết lập cụ thể của mình bằng những thứ như sau:

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)

Và sau đó trong keybindings của bạn:

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

Chúng tôi lưu trữ các url mẫu ở đầu tất cả các mẫu của chúng tôi, vì vậy phần đầu tiên cho phép bạn đánh dấu URL mẫu đó và khởi chạy nó trong trình duyệt. Nếu không có văn bản nào được đánh dấu, nó sẽ chỉ sử dụng tên tệp. Bạn có thể điều chỉnh lệnh gọi trong keybindings tới url localhost của bạn và đường dẫn hệ thống đến các tài liệu bạn đang làm việc.


1

Tôi cũng gặp trường hợp tương tự như bạn. Tôi không thể mở trình chỉnh sửa vĩ đại cho tệp nhị phân như jpg png. Thay vào đó, mở ứng dụng mặc định của hệ thống là hợp lý hơn.

  1. tạo một bản dựng . Cũng giống như câu trả lời được chấp nhận. Nhưng nó sẽ mở cả ứng dụng mặc định và trình chỉnh sửa hex.
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication Nó sẽ có menu chuột phải theo ngữ cảnh OpenInDefaultApplication. Nhưng nó cũng sẽ mở ứng dụng mặc định và trình chỉnh sửa hex
  3. Pulgin: Non Text Files https://packagecontrol.io/packages/Non%20Text%20Files Thêm cấu hình trong cài đặt người dùng

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

Tôi chọn cách thứ ba, nó khá hợp lý đối với tôi. Nó sẽ mở tệp jpg trong ứng dụng mặc định của hệ thống và nhanh chóng đóng chế độ chỉnh sửa tự động cùng một lúc. Đối với hai cách đầu tiên, bạn có thể đặt "preview_on_click": false, để dừng tự động mở trình chỉnh sửa hex một cách thỏa hiệp.


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.