Комбінація клавіш Sublime Text 2 для відкриття файлу у визначеному браузері (наприклад, Chrome)


109

Я займаюся веб-розробкою і випробовую Sublime Text 2. Чи є ярлик на клавіатурі, щоб відкрити поточний файл у вказаному браузері (наприклад, Chrome)?

Вдячна будь-яка допомога щодо налаштування в Sublime Text для веб-розробки!

Відповіді:


168

Я не дуже впевнений, що це питання тут доречне, але ви можете додати нову "Систему побудови" під Tools -> Build System -> New Build System...

Як і у всіх конфігураціях в Sublime Text, це просто JSON, тому він повинен бути досить прямим вперед. Головне, що ви хочете налаштувати - це "cmd"ключ / val. Ось конфігурація збирання для запуску chrome на моєму mac.

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

Збережіть це як Chrome.sublime-build, перезапустіть Sublime Text і вам слід побачити нову Chromeопцію у списку збірки. Виберіть його, і тоді ви маєте змогу запустити Chrome із Cmd+ Bна Mac (або будь-яку гарячу клавішу, яку ви налаштували для збирання, можливо її F7або Ctrl+ Bна машині Windows)

Принаймні, це має підштовхнути вас у правильному напрямку.

Редагувати:

Ще одна річ, яку я дуже багато роблю в Sublime Text 2, це якщо ви клацніть правою кнопкою миші всередині документа, один із пунктів контекстного меню - це вміст Copy File Pathповного шляху поточного файлу до буфера обміну для легкого вставки в будь-який браузер, який ви хочете.


Підвищений текст 3 (приклад Linux) "shell_cmd": "google-chrome" $ ​​файл ""


5
Дякую! Це дуже допомагає.
wwwuser

53
Для ОС Windows використовуйте цей cmd: {"cmd": ["PATH_TO_YOUR_CHROME", "$ file"]}
didxga

15
Остерігайтеся зворотних нахилів на шляху Windows, зробіть їх подвійними, інакше вони вважатимуть їх недійсною послідовністю евакуації, таким чином, не працюють.
Ангел

13
Також для linux його просто{ "cmd": ["google-chrome", "$file"] }
лямбда

13
У Sublime Text 3 команду було змінено на "shell_cmd": "open -a your_app '$file'".
Кріс

48

"Відкрити в контексті меню браузера для файлів HTML" додано в останній збірці (2207). Дата його виходу - 25 червня 2012 року.


2
Я, мабуть, переглянув контекстне меню правою кнопкою миші. Дякую за цю пораду!
orschiro

17
І ви можете легко призначити ярлик для цього: Перейдіть до Налаштування> Ключові прив’язки - Користувач. потім у файлі .sublime-keymap, який відкриється, додається { "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(або будь-яка інша комбінація клавіш, яка вам
здається

1
Ярон правий, але зауважте, що комбінація клавіш не може конфліктувати з існуючими, інакше вона просто не спрацює, і настільки, наскільки я можу, немає попередження про конфлікт швидкого доступу, наскільки я можу сказати
Philip007

1
[{"keys": ["super +;"], "command": "run_macro_file", "args": {"file": "Packages / User / Semicolon.sublime-macro"}}] ось вміст у моєму конфігураційний файл? як я можу додати ваше до моєї існуючої конфігурації? Дякую!
Nicolas S.Xu

2
@NeilMonroe Активуйте команди реєстрації в консолі, щоб побачити можливі помилкиsublime.log_commands(True)
aanton

33

Windows7 FireFox / Chrome:

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

просто використовуйте свій власний шлях firefox.exe або chrome.exe для заміни шахти.

Замініть firefox.exe або chrome.exe власним шляхом.


1
C:\\Users\\$User$\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe- це загальний шлях для хромування для Windows (замініть $ User $ своїм іменем користувача).
Бен

1
Так, але чи буде він використовувати автоматичну збірку, чи потрібно вказати збірку. Оскільки у мене є багато інших збірок, і я використовую опцію автоматичного збирання, то чи буде вона працювати в автоматичній збірці?
ІГРАЧ

14

Це працювало над Sublime 3:


Щоб переглянути HTML-файли із програмою за замовчуванням за допомогою клавіші Alt + L:

Додайте цей рядок до Preferences -> Key Bindings - Userвідкриття файлу:

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


Щоб переглядати або відкривати за допомогою зовнішньої програми, наприклад хромування:

Додайте цей рядок до Tools -> Build System -> New Build System...відкриття файлу і збережіть разом з ім'ям"OpenWithChrome.sublime-build"

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

Потім ви можете переглянути / відкрити файл, вибравши Tools -> Build System -> OpenWithChromeта натиснувши F7або Ctrl+Bклавішу.


1
Це найпростіший спосіб зробити це. Додавання рядка до основних прив'язок - це все, що знадобиться більшості людей.
Шон Еркхарт

1
Ви також можете замінити подвійні риски \` with single slashaes / `, які Sublime Text також буде зрозумілий для Windows.
kleinfreund

1
Це спрацювало, але я виявив, що мені потрібно ім'я файлу в лапках у випадку, якщо мій файл знаходився в каталозі, в якому були пробіли. Наприклад: "C: \ My Folder \ test.html" призведе до відкриття двох вкладок Chrome "C: \ My" та "Folder \ test.html", що неправильно. Обгортання частини файлу $ пропущеними лапками, а потім це працює добре (замініть $ файл на \ "$ file \" в команді вище).
PancakesOwn

13

Встановіть плагін View In Browser за допомогою програми Package Control або завантажте пакунок з github і розпакуйте цей пакет у папці пакунків (що з перегляду пакетів)

після цього перейдіть до Налаштування, Ключові прив’язки - Користувач, вставте це

[{"ключі": ["f12"], "команда": "view_in_browser"}]

тепер F12 стане вашим ярликом.


Я також повинен був змінити останній рядок у Preferences --> PackageSettings--> view in Browser -- > default settings; до "chrome 64" (було "firefox"). Тоді прекрасно працює з будь-яким ярликом;)
kolboc

12

Ви можете встановити плагін SideBarEnhancements , який, крім усього іншого, надасть вам можливість відкривати файл у браузері, просто натиснувши F12.

Щоб відкрити саме в Chrome, вам потрібно буде виправити файл "Side Bar.sublime-settings" і встановити "default_browser"його "chrome".

Я також рекомендую ознайомитися з цим відеоуроком на темі Sublime Text 2.


1
Еррандір, де саме це відео? За посиланням, яке ви перераховуєте вище, є кілька відео. Я використовую Windows 7, а не mac. Дякую.
Кріс22,

8

У Windows запускає браузер за замовчуванням із заздалегідь заданим URL:

Інструменти> Система побудови> Нова система збирання:

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

ctrl+ Bі вуаля!


1
дивовижно, саме те, що я шукав. Дякую!
jonschlinkert

8

Тут, здається, існує багато рішень для Windows, але це найпростіше:

Інструменти -> Система побудови -> Нова система збирання , введіть вище, збережіть як Browser.sublime-build:

{
    "cmd": "explorer $file"
}

Потім поверніться до свого HTML-файлу. Інструменти -> Система збірки -> Браузер . Потім натисніть, CTRL-Bі файл буде відкрито в будь-якому браузері, який є вашим браузером за замовчуванням системи.


4

Ось ще одне рішення, якщо ви хочете включити у файл різні браузери. Якщо ви та користувач Mac, із піднесеного меню перейдіть до Інструменти> Новий плагін. Видаліть згенерований код і пропустіть наступне:

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)

Зберегти. Потім відкрийте Користувацькі вкладки. (Інструменти> Палітра команд> "Прив’язки ключів користувача"), і додайте це десь до списку:

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

Тепер відкрийте будь-який html-файл у Sublime та скористайтеся однією з клавішних зв'язків, яка б відкрила цей файл у вашому улюбленому браузері.


3

На mac та піднесеному тексті 3, версія якого 3103, має бути вміст

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

3

Інструменти -> Система побудови -> Нова система збирання. Тип, наступний як ваша ОС, збережіть як Chrome.sublime-build

ОС Windows

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

MAC Os

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

Збережіть файл - Chrome.sublime-build на місці

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

Перегляд піднесене в браузері - https://github.com/adampresley/sublime-view-in-browser (Пробував Linux і працює)


Переконайтеся в тому , щоб зберегти як .sublime-збірка , як розширення приклад, якщо Firefox:Firefox.sublime-build
Самір самодержця

1

Відповідь egyamado була дуже корисною! Ви можете покращити його для конкретних налаштувань таким чином:

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)

А потім у своїх палітурках:

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

Ми зберігаємо зразки URL у верхній частині всіх наших шаблонів, тому перша частина дозволяє виділити цю зразкову URL-адресу та запустити її у веб-переглядачі. Якщо жодного тексту не виділено, він просто використовуватиме ім’я файлу. Ви можете налаштувати виклики команд у вкладках клавіш до URL-адреси localhost та системного шляху до документів, над якими працюєте.


1

У мене схожа ситуація, як у вас. Я не хочу відкрити редактор піднесене для двійкових файлів, таких як jpg png-файли. Натомість відкрита система за замовчуванням є більш розумною.

  1. створити одну збірку . Так само, як прийнята відповідь. Але це відкриє програму за замовчуванням і шестнадцятковий редактор.
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication У ньому буде контекстне меню правою кнопкою миші OpenInDefaultApplication. Але він відкриє програму за замовчуванням, а також шестнадцятковий редактор
  3. Плагін: нетекстові файли https://packagecontrol.io/packages/Non%20Text%20Files Додати конфігурацію у користувальницькому поселенні

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

Я вибираю третій шлях, він цілком підходить для мене. Він відкриє jpg-файл у системному додатку за замовчуванням та швидко закриє режим редагування одночасно. Щодо перших двох способів, ви можете встановити "preview_on_click": false, щоб зупинити автоматичне відкриття шестигранного редактора компромісно.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.