Sublime Text 2的键盘快捷方式:在指定的浏览器(如Chrome)中打开文件

109
我从事网站开发,正在尝试使用Sublime Text 2。是否有快捷键可以在指定浏览器(如Chrome)中打开当前文件?欢迎提供任何有关在Sublime Text中进行Web开发设置的帮助!
14个回答

170

我不确定这个问题是否适合在这里提问,但是你可以在工具 -> 构建系统 -> 新建构建系统...下添加一个新的“构建系统”。

像Sublime Text中的所有配置一样,它只是JSON,所以应该非常直观。你需要配置的主要内容是"cmd"键/值。以下是在我的Mac上启动Chrome的构建配置。

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

将其保存为Chrome.sublime-build,重新启动Sublime Text,你应该会在构建列表中看到一个新的Chrome选项。选择它,然后你就可以在Mac上使用Cmd+B(或者你已经配置为生成的任何热键,可能是Windows机器上的F7Ctrl+B)启动Chrome。

至少这应该引导您朝着正确的方向前进。

编辑:

我在Sublime Text 2中经常做的另一件事是,如果在文档内右键单击,上下文菜单中的一个项目是Copy File Path,它会将当前文件的完整路径放入剪贴板,以便轻松粘贴到任何浏览器中。


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


54
对于Windows操作系统,请使用以下命令: { "cmd": ["PATH_TO_YOUR_CHROME", "$file"] } 其中,“PATH_TO_YOUR_CHROME”需要替换为你电脑中Chrome浏览器的路径。 - didxga
2
如果您是OS X用户,并且只想用默认浏览器打开文件"{ "cmd": ["open", "$file"] }",这个方法非常方便。如果想要更灵活一些,请安装Choosy(http://www.choosyosx.com/)。 - Matijs
16
在Windows路径中要小心反斜杠,将它们变成双反斜杠,否则它会将其视为无效的转义序列,从而无法正常工作。 - Angel
13
对于Linux,它只是 { "cmd": ["google-chrome", "$file"] } - lambda
13
在Sublime Text 3中,命令已更改为"shell_cmd": "open -a your_app '$file'" - Chris
显示剩余3条评论

48
最新版本(2207)中新增了“在浏览器中打开HTML文件”右键菜单。其发布日期为2012年6月25日。

2
我一定是忽略了右键菜单的上下文。感谢这个提示! - orschiro
18
您可以很容易地为此分配一个快捷键:转到“首选项”>“键绑定 - 用户”,然后在打开的.sublime-keymap文件中添加{ "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(或其他您喜欢的键组合)。 - Jarón Barends
1
Jaron是正确的,但要注意快捷键组合不能与现有的冲突,否则它就无法工作,在我的理解中Sublime没有快捷键冲突警告。 - Philip007
1
[ {"keys":["super+;"],"command": "run_macro_file", "args":{"file":"Packages/User/Semicolon.sublime-macro"} } ] 这是我的配置文件内容?我该如何将您的配置添加到我的现有配置中?谢谢! - Nicolas S.Xu
2
您IP地址为143.198.54.68,由于运营成本限制,当前对于免费用户的使用频率限制为每个IP每72小时10次对话,如需解除限制,请点击左下角设置图标按钮(手机用户先点击左上角菜单按钮)。 - aanton
显示剩余3条评论

33
Windows 7 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$ 替换为您的用户名)。 - Ben
1
是的,但它会使用自动构建吗?还是我需要指定构建?因为我有很多其他构建,并且我使用自动构建选项,所以它能在自动构建上工作吗? - IGRACH

15

这在Sublime 3上有效:


按下Alt+L热键使用默认应用程序浏览HTML文件:

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

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


使用外部应用程序(如Chrome)浏览或打开:

在打开文件的工具->构建系统->新建构建系统...中添加此行,并将其保存为名称为"OpenWithChrome.sublime-build"的文件。

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

然后您可以通过选择 工具 -> 构建系统 -> 使用Chrome打开 并按下 F7Ctrl+B 键来浏览/打开该文件。


1
这是最直接的方法。将该行添加到键绑定中就足够了。 - Shawn Erquhart
1
你也可以将双反斜杠“\”替换为单斜杠“/”,这样Sublime Text在Windows上也能理解。 - kleinfreund
1
这种方法虽然有效,但我发现如果我的文件所在的目录名中包含空格,那么需要用引号将文件名括起来。例如:"C:\My Folder\test.html"会打开两个错误的Chrome标签,分别是"C:\My"和"Folder\test.html"。通过在$file部分周围添加转义引号,就可以很好地实现(在上面的命令中用"$file"替换$file)。 - PancakesOwn

13

使用Package Control安装View In Browser插件,或从Github下载该插件的压缩包并解压到您的packages文件夹(从浏览包中可以找到该文件夹)。

之后,进入首选项,键绑定 - 用户界面,粘贴以下代码:

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

现在,F12将成为您的快捷键。


我还不得不更改“首选项-->包设置-->在浏览器中查看-->默认设置”中的最后一行,以便将其更改为“chrome 64”(原来是“firefox”)。然后使用任何快捷方式都可以完美地工作 ;) - kolboc

12

您可以安装SideBarEnhancements插件,其中包括让您能够通过单击F12来在浏览器中打开文件的功能。

要确切地在Chrome中打开文件,您需要修复“Side Bar.sublime-settings”文件并将"default_browser"设置为"chrome"

我还建议您学习关于Sublime Text 2的这个视频教程


1
Errandir,这个视频在哪里?您上面列出的链接中有几个视频。我使用的是Windows 7,而不是Mac。谢谢。 - Chris22

8
在Windows上启动预定义URL的默认浏览器:
工具 > 构建系统 > 新建构建系统:
{
    "cmd": ["cmd","/K","start http://localhost/projects/Reminder/"]
}

ctrl + B,就可以实现加粗!


8
这里似乎有很多Windows的解决方案,但这是最简单的方法:
工具 -> 构建系统 -> 新建构建系统,输入上述内容,保存为Browser.sublime-build
{
    "cmd": "explorer $file"
}

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


4

如果您想在一个文件中包含不同的浏览器,这里有另一种解决方案。 如果您使用的是 Mac 计算机,请从 Sublime 菜单中选择 Tools > New Plugin。删除生成的代码并粘贴以下内容:

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

工具 -> 构建系统 -> 新建构建系统。根据您的操作系统选择以下类型,保存为 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

在浏览器中查看Sublime - https://github.com/adampresley/sublime-view-in-browser(已在Linux上测试并可用)


请确保将文件保存为 .sublime-build 扩展名。例如,如果是 Firefox,则应该命名为 Firefox.sublime-build - sameer

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接