我做 Web 开发并正在尝试 Sublime Text 2。是否有键盘快捷键可以在指定的浏览器(例如 Chrome)中打开当前文件?
感谢您在 Sublime Text 中设置 Web 开发的任何帮助!
我做 Web 开发并正在尝试 Sublime Text 2。是否有键盘快捷键可以在指定的浏览器(例如 Chrome)中打开当前文件?
感谢您在 Sublime Text 中设置 Web 开发的任何帮助!
我不太确定这个问题在这里是否合适,但您可以在下面添加一个新的“构建系统”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'”
在最新版本 (2207) 中添加了“在浏览器上下文菜单中打开 HTML 文件”。它的发布日期是 2012 年 6 月 25 日。
Windows7 火狐/Chrome:
{
"cmd":["F:\\Program Files\\Mozilla Firefox\\firefox.exe","$file"]
}
只需使用您自己的 firefox.exe 或 chrome.exe 路径来替换我的。
将 firefox.exe 或 chrome.exe 替换为您自己的路径。
将此行添加到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
键来浏览/打开文件。
使用Package Control安装View In Browser插件或从github下载包并将此包解压缩到您的包文件夹中(来自浏览包)
在此之后,转到首选项,键绑定 - 用户,粘贴此
[{“键”:[“f12”],“命令”:“view_in_browser”}]
现在 F12 将成为您的快捷键。
您可以安装SideBarEnhancements 插件,除其他外,您只需单击 F12 即可在浏览器中打开文件。
要在 Chrome 中准确打开,您需要修复“Side Bar.sublime-settings”文件并设置"default_browser"
为"chrome"
.
我还建议学习这个关于 Sublime Text 2 的视频教程。
在 Windows 上使用预定义的 url 启动默认浏览器:
工具 > 构建系统 > 新构建系统:
{
"cmd": ["cmd","/K","start http://localhost/projects/Reminder/"]
}
ctrl+B瞧!
这里似乎有很多适用于 Windows 的解决方案,但这是最简单的:
Tools -> Build System -> New Build System,在上面输入,另存为Browser.sublime-build
:
{
"cmd": "explorer $file"
}
然后返回到您的 HTML 文件。工具 -> 构建系统 -> 浏览器。然后按CTRL-B
,文件将在系统默认浏览器的任何浏览器中打开。
如果您想在文件中包含不同的浏览器,这是另一种解决方案。如果您和 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 文件并使用其中一个键绑定,它将在您喜欢的浏览器中打开该文件。
工具 -> 构建系统 -> 新构建系统。下面的类型作为你的操作系统,另存为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
在mac和sublime text 3,哪个版本是3103,内容应该是
{
"shell_cmd": "open -a 'Google Chrome' '$file'"
}
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 和您正在处理的文档的系统路径。
我和你有类似的情况。我不想要像 jpg png 文件这样的二进制文件的 sublime 打开编辑器。反而打开系统默认应用更合理。
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,折衷地停止自动打开十六进制编辑器。
或试试这个
"cmd": ["cmd","/K","start http://localhost/Angularjs/ $file_name"]