Sublime Text 2键盘快捷键,用于在指定的浏览器(例如Chrome)中打开文件


109

我正在进行Web开发,正在尝试Sublime Text2。是否有键盘快捷键可以在指定的浏览器(例如Chrome)中打开当前文件?

感谢您为网络开发在Sublime Text中进行设置的任何帮助!

Answers:


168

我不太确定这个问题是否正确,但是您可以在下面添加一个新的“ Build System” Tools -> Build System -> New Build System...

与Sublime Text中的所有配置一样,它只是JSON,因此应该非常简单。您要配置的"cmd"主要内容是密钥/值。这是在我的Mac上启动chrome的构建配置。

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

将其另存为Chrome.sublime-build,重新启动Sublime Text,您应该Chrome在构建列表中看到一个新选项。选择它,然后您应该能够在Mac上使用Cmd+ 启动Chrome B(或您配置用于构建的任何热键,在Windows计算机上可能是其F7Ctrl+ B

至少这应该给您正确的方向。

编辑:

我最终在Sublime Text 2中做了很多事情,如果右键单击文档,上下文菜单中的一项是Copy File Path,它将当前文件的完整路径放入剪贴板中,以便轻松粘贴到所需的任何浏览器中。


Sublime Text 3(Linux示例)“ shell_cmd”:“ google-chrome'$ file'”


5
谢谢!这极大地帮助了。
wwwuser11年

53
对于Windows操作系统,请使用以下cmd:{“ cmd”:[“ PATH_TO_YOUR_CHROME”,“ $ file”]}
didxga 2012年

15
当心Windows路径中的反斜杠,将它们加倍,否则它将视为无效的转义序列,因此不起作用。
天使

13
也为Linux它只是{ "cmd": ["google-chrome", "$file"] }
拉姆达

13
在Sublime Text 3中,命令已更改为"shell_cmd": "open -a your_app '$file'"
克里斯(Chris)

48

最新版本(2207)中已添加“在HTML文件的浏览器上下文菜单中打开”。它的发布日期是2012年6月25日。


2
我一定用右键单击忽略了上下文菜单。感谢您的提示!
orschiro 2012年

17
您可以轻松地为此指定快捷方式:转到“偏好设置”>“按键绑定-用户”。然后,在打开,添加.sublime,键盘映射文件{ "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(或任何其他组合键,你看中)
搅得Barends

1
Jaron是正确的,但请注意,该组合键不能与现有组合键冲突,否则它将无法正常工作,据我所知,崇高中没有捷径冲突警告
Philip007,2013年

1
[{“ keys”:[“ super +;”],“ command”:“ run_macro_file”,“ args”:{“ file”:“ Packages / User / Semicolon.sublime-macro”}}]]这是我的内容配置文件?如何将您的添加到现有配置?谢谢!
Nicolas S.Xu 2014年

2
@NeilMonroe在控制台中激活日志记录命令以查看可能的错误sublime.log_commands(True)
2014年

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上chrome的通用路径(用您的用户名替换$ User $)。
2013年

1
是的,但是它将使用自动构建,还是我必须指定构建。因为我还有很多其他构建,并且使用“自动构建”选项,所以它可以在“自动构建”中使用吗?
IGRACH

14

这适用于Sublime 3:


要通过Alt + L热键使用默认应用浏览html文件,请执行以下操作:

将此行添加到Preferences -> Key Bindings - User打开文件:

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


要浏览或使用chrome等外部应用打开:

将此行添加到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并按F7Ctrl+B键来浏览/打开文件。


1
这是最简单的方法。大多数人都需要将行添加到键绑定中。
肖恩·厄克特

1
您也可以替换\` with single slashaes Windows上Sublime Text可以理解的双重反斜杠/`。
kleinfreund

1
这行得通,但是我发现如果文件位于名称中包含空格的目录中,则需要用引号引起来的文件名。例如:“ C:\ My Folder \ test.html”将导致两个Chrome标签页打开“ C:\ My”和“ Folder \ test.html”,这是错误的。用转义的引号将$ file部分包裹起来,然后可以正常工作(在上面的命令中用\“ $ file \”替换$ file)。
PancakesOwn

13

使用Package Control安装“ 在浏览器中查看”插件,或从github下载软件包,然后将此软件包解压缩到您的packages文件夹(来自浏览软件包)

之后,转到“首选项”,“键绑定-用户”,将其粘贴

[{“ keys”:[“ f12”],“ command”:“ 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 2012年

8

Windows似乎有很多解决方案,但这是最简单的:

工具->构建系统->新构建系统,在上面输入,另存为Browser.sublime-build

{
    "cmd": "explorer $file"
}

然后回到您的HTML文件。工具->构建系统->浏览器。然后按CTRL-B,该文件将在您的系统默认浏览器中打开。


4

如果要在文件中包含其他浏览器,这是另一种解决方案。如果您和Mac用户是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"}}

现在,在Sublime中打开任何html文件,并使用其中一种键绑定,它将在您喜欢的浏览器中打开该文件。


3

在mac和sublime text 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"]
  }

苹果系统

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

保存文件-Chrome.sublime-build所在位置

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

浏览器中的Sublime视图-https: //github.com/adampresley/sublime-view-in-browser(已在Linux上尝试过并且可以使用)


确保将另存为.sublime-build作为扩展示例,如果Firefox:Firefox.sublime-build
相同tzar

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的键绑定中的命令调用以及正在处理的文档的系统路径。


1

我也有类似的情况 我不想为像jpg png文件这样的二进制文件升华打开编辑器。相反,开放系统默认应用程序更为合理。

  1. 创建一个Build。就像接受的答案一样。但是它将同时打开默认应用程序和十六进制编辑器。
  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,以停止妥协地自动打开十六进制编辑器。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.