109

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

感谢您在 Sublime Text 中设置 Web 开发的任何帮助!

4

14 回答 14

169

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

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

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

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

至少这应该让你朝着正确的方向前进。

编辑:

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


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

于 2011-11-05T23:10:09.937 回答
48

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

于 2012-06-28T05:36:59.810 回答
33

Windows7 火狐/Chrome:

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

只需使用您自己的 firefox.exe 或 chrome.exe 路径来替换我的。

将 firefox.exe 或 chrome.exe 替换为您自己的路径。

于 2012-03-21T08:42:38.917 回答
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键来浏览/打开文件。

于 2014-09-11T13:07:43.453 回答
13

使用Package Control安装View In Browser插件或从github下载包并将此包解压缩到您的包文件夹中(来自浏览包)

在此之后,转到首选项,键绑定 - 用户,粘贴此

[{“键”:[“f12”],“命令”:“view_in_browser”}]

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

于 2012-12-18T21:25:30.313 回答
12

您可以安装SideBarEnhancements 插件,除其他外,您只需单击 F12 即可在浏览器中打开文件。

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

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

于 2012-10-05T19:33:12.900 回答
8

在 Windows 上使用预定义的 url 启动默认浏览器:

工具 > 构建系统 > 新构建系统:

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

ctrl+B瞧!

于 2012-05-30T18:42:18.917 回答
8

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

Tools -> Build System -> New Build System,在上面输入,另存为Browser.sublime-build

{
    "cmd": "explorer $file"
}

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

于 2014-09-30T15:20:47.457 回答
4

如果您想在文件中包含不同的浏览器,这是另一种解决方案。如果您和 Mac 用户,从 sublime 菜单转到工具 > 新插件。删除生成的代码并通过以下内容:

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 文件并使用其中一个键绑定,它将在您喜欢的浏览器中打开该文件。

于 2014-03-01T00:14:58.130 回答
3

工具 -> 构建系统 -> 新构建系统。下面的类型作为你的操作系统,另存为Chrome.sublime-build

视窗操作系统

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

苹果系统

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

保存文件 - Chrome.sublime-build in location

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

浏览器中的Sublime 视图 - https://github.com/adampresley/sublime-view-in-browser

于 2015-06-09T12:12:11.877 回答
3

在mac和sublime text 3,哪个版本是3103,内容应该是

{
    "shell_cmd": "open -a 'Google Chrome' '$file'"
}
于 2016-03-09T15:43:58.627 回答
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 和您正在处理的文档的系统路径。

于 2014-11-19T18:26:47.737 回答
1

我和你有类似的情况。我不想要像 jpg png 文件这样的二进制文件的 sublime 打开编辑器。反而打开系统默认应用更合理。

  1. 创建一个 Build。就像接受的答案一样。但它会同时打开默认应用程序和十六进制编辑器。
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication 它将具有上下文右键单击菜单 OpenInDefaultApplication。但它也会打开默认应用程序和十六进制编辑器
  3. 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,折衷地停止自动打开十六进制编辑器。

于 2015-09-19T08:31:59.153 回答
0

或试试这个

"cmd": ["cmd","/K","start http://localhost/Angularjs/ $file_name"]

于 2017-08-14T10:56:36.357 回答