Sublime Text 2键盘快捷键，用于在指定浏览器中打开文件（例如Chrome）

时间：2011-11-05 22:50:37

标签： sublimetext2

我进行网页开发并尝试使用Sublime Text 2.是否有键盘快捷方式可以在指定的浏览器（例如Chrome）中打开当前文件？

任何有关在Sublime Text中进行Web开发设置的帮助都表示赞赏！

14 个答案:

答案 0 :(得分：168)

我不确定这个问题是否合适，但你可以在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 + B 的Chrome（或者您为构建配置的任何热键，可能是 F7 < Windows机器上的/ kbd>或 Ctrl + B

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

编辑：

我最后在Sublime Text 2中做了很多事情，如果你在文档中右键单击，上下文菜单中的一个项目是Copy File Path，它将当前文件的完整路径放入剪贴板轻松粘贴到您想要的任何浏览器中。

Sublime Text 3 （linux示例） “shell_cmd”：“google-chrome'$ file'”

答案 1 :(得分：48)

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

答案 2 :(得分：33)

Windows7 FireFox / Chrome：

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

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

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

答案 3 :(得分：13)

使用 Package Control 安装在浏览器中查看插件或从github下载包并将此包解压缩到您的packages文件夹（来自浏览包）< / p>

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

  

[{＆＃34; keys＆＃34;：[＆＃34; f12＆＃34; ]，＆＃34;命令＆＃34;：＆＃34; view_in_browser＆＃34; }]

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

答案 4 :(得分：13)

这适用于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并按F7或Ctrl+B键来浏览/打开文件。

答案 5 :(得分：12)

您可以安装SideBarEnhancements plugin，只需单击F12即可在浏览器中打开文件。

要在Chrome中完全打开，您需要修复“Side Bar.sublime-settings”文件并将"default_browser"设置为"chrome"。

我还建议在Sublime Text 2上学习this video tutorial。

答案 6 :(得分：8)

在Windows上启动带有预定义网址的默认浏览器：

工具＆gt;构建系统＆gt;新建系统：

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

ctrl + B 瞧！

答案 7 :(得分：8)

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

工具 - ＆gt;构建系统 - ＆gt;新建系统，输入上面的内容，另存为Browser.sublime-build：

{
    "cmd": "explorer $file"
}

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

答案 8 :(得分：4)

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

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)

保存。 然后打开User Keybindings。 （工具＆gt;命令调色板＆gt;“用户键绑定”），并将其添加到列表中的某处：

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

答案 9 :(得分：3)

工具 - ＆gt;构建系统 - ＆gt;新的构建系统。作为操作系统的类型，另存为 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中的Sublime View - https://github.com/adampresley/sublime-view-in-browser（尝试使用Linux并且有效）

答案 10 :(得分：3)

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>Test 1</li>
  <li>Test 2</li>
  <li>Test 3</li>
</ul>
<a>Change color</a>

答案 11 :(得分：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"}}

我们将样本网址存储在所有模板的顶部，因此第一部分允许您突出显示该示例网址并在浏览器中启动它。如果没有突出显示文本，则只使用文件名。您可以将键绑定中的命令调用调整到localhost URL以及您正在处理的文档的系统路径。

答案 12 :(得分：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"
]

    4. 我选择了第三种方式，这对我来说非常适合。它将在系统默认应用程序中打开jpg文件，并同时自动快速关闭编辑模式。对于前两种方法，您可以设置“preview_on_click”：false，以便自动停止打开十六进制编辑器。

答案 13 :(得分：0)

或试试这个

“cmd”：[“cmd”，“/ K”，“start http://localhost/Angularjs/ $ file_name”]

相关问题
最新问题