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

Я занимаюсь веб-разработкой и пытаюсь использовать Sublime Text 2. Есть ли комбинация клавиш для открытия текущего файла в указанном браузере (например, Chrome)?

Приветствуется любая помощь в настройке в Sublime Text для веб-разработки!

Ответ 1

Я не уверен, что этот вопрос здесь подходит, но вы можете добавить новую "Build System" под 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 )

По крайней мере, это должно дать вам толчок в правильном направлении.

Edit:

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


Высокий текст 3 (пример Linux) "shell_cmd": "google-chrome '$ file'"

Ответ 2

В последней сборке (2207) добавлено "Открыть в контекстном меню браузера для файлов HTML". Его дата выпуска была 25 июня 2012 года.

Ответ 3

Windows7 FireFox/Chrome:

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

просто используйте свой собственный путь firefox.exe или chrome.exe для замены моего.

Замените firefox.exe или chrome.exe своим собственным путем.

Ответ 4

Установите плагин View In Browser с помощью Package Control или загрузите пакет из github и разархивируйте этот пакет в папке пакетов (из пакетов просмотра)

после этого перейдите в "Настройки", "Ключевые привязки" - "Пользователь", вставьте это

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

теперь F12 будет вашей клавишей быстрого доступа.

Ответ 5

Это работало над 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.

Ответ 6

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

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

Я также рекомендую изучить этот видеоурок в Sublime Text 2.

Ответ 7

В окне запуска браузера по умолчанию с предопределенным URL:

Инструменты > Система сборки > Новая система сборки:

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

ctrl + B и вуаля!

Ответ 8

Похоже, для Windows здесь много решений, но это самое простое:

Инструменты → Система сборки → Новая система сборки, введите выше, сохраните как Browser.sublime-build:

{
    "cmd": "explorer $file"
}

Затем вернитесь в свой HTML файл. Инструменты → Система сборки → Браузер. Затем нажмите CTRL-B, и файл будет открыт в любом браузере, который является браузером вашей системы по умолчанию.

Ответ 9

Вот еще одно решение, если вы хотите включить различные браузеры в файл. Если вы и пользователь 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 и используйте одно из ключевых слов, которое откроет этот файл в вашем любимом браузере.

Ответ 10

Сервис → Система сборки → Новая система сборки. Тип, следующий за вашей ОС, сохраните как 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

Превосходное представление в Browswer - https://github.com/adampresley/sublime-view-in-browser (пробовал с Linux, и это работает)

Ответ 11

В mac и возвышенном тексте 3, какая версия 3103, содержимое должно быть

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

Ответ 12

Ответ 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 и системному пути к документам, над которыми вы работаете.

Ответ 13

У меня такая же ситуация, как и вы. Я не создаю открытого редактора для двоичных файлов jpg png. Вместо этого открытое системное приложение по умолчанию более разумно.

  • создать один Build. Как и принятый ответ. Но он будет открывать приложение по умолчанию и шестнадцатеричный редактор.
  • Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication Он будет иметь контекстное контекстное меню OpenInDefaultApplication. Но он также откроет приложение по умолчанию и шестнадцатеричный редактор.
  • Pulgin: нетекстовые файлы 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, чтобы прекратить автоматическое переключение шестнадцатеричного редактора.