指定されたブラウザー(Chromeなど)でファイルを開くためのSublime Text 2キーボードショートカット


109

私はWeb開発をしていて、Sublime Text 2を試しています。指定したブラウザー(Chromeなど)で現在のファイルを開くためのキーボードショートカットはありますか?

Web開発用のSublime Textで設定を取得するための支援があれば感謝します!

回答:


168

この質問がここで適切かどうかはわかりませんが、新しい「ビルドシステム」を Tools -> Build System -> New Build System...

Sublime Textのすべての構成と同じように、JSONだけなので、非常に簡単です。設定する主なものは"cmd"キー/値です。これが私のMacでChromeを起動するためのビルド構成です。

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

それをとして保存しChrome.sublime-build、Sublime Textを再起動Chromeすると、ビルドリストに新しいオプションが表示されます。それを選択し、あなたがChromeを起動することができるはずですCmd+ B(多分その、またはビルド用に設定されているものは何でもホットキー、Mac上F7またはCtrl+ BWindowsマシン上で)

少なくともこれはあなたに正しい方向への推進力を与えるはずです。

編集:

Sublime Text 2で多くのことをやるもう1つのことは、ドキュメント内を右クリックすると、コンテキストメニューの項目の1 Copy File Pathつがで、現在のファイルの完全なパスがクリップボードに配置され、必要なブラウザーに簡単に貼り付けることができます。


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


5
ありがとう!これは非常に役立ちます。
wwwuser、2011年

53
ウィンドウOSの場合、
次のコマンドを

15
Windowsパスのバックスラッシュに注意し、二重にしてください。そうしないと、無効なエスケープシーケンスと見なされ、機能しません。
エンジェル

13
また、Linuxの場合も同様です{ "cmd": ["google-chrome", "$file"] }
ラムダ

13
Sublime Text 3では、コマンドがに変更されました"shell_cmd": "open -a your_app '$file'"
クリス

48

「HTMLファイルのブラウザーで開くコンテキストメニュー」が最新のビルド(2207)に追加されました。リリース日は2012年6月25日でした。


2
右クリックでコンテキストメニューを見落としていたに違いありません。このヒントをありがとう!
orschiro

17
また、このためのショートカットを簡単に割り当てることができます。[設定]> [キーバインド-ユーザー]に移動します。その後、開き.sublime-キーマップファイルに追加{ "keys": ["ctrl+alt+b"], "command": "open_in_browser"}(または他のキーの組み合わせを使用する空想)
ジャロンBarends

1
Jaronは正しいですが、キーの組み合わせは既存のキーの組み合わせと競合しないことに
注意して

1
[{"keys":["super +;"]、 "command": "run_macro_file"、 "args":{"file": "Packages / User / Semicolon.sublime-macro"}}]これが私のコンテンツです設定ファイル?既存の構成にあなたを追加するにはどうすればよいですか?ありがとうございました!
Nicolas S.Xu、2014年

2
@NeilMonroeコンソールでロギングコマンドをアクティブ化して、起こり得るエラーを確認しますsublime.log_commands(True)
aanton

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.exeWindows上のchromeの一般的なパスです($ User $をユーザー名に置き換えてください)。
ベン

1
はい、ただし自動ビルドを使用しますか、それともビルドを指定する必要がありますか?他にも多くのビルドがあり、自動ビルドオプションを使用しているので、自動ビルドで動作しますか?
IGRACH 2014年

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
これは、これを行う最も簡単な方法です。キーバインディングに行を追加するだけで、ほとんどの人が必要になります。
Shawn Erquhart、2014年

1
また、\` with single slashaes Sublime TextがWindowsでも理解できるように、二重バックシャッシュ/ `を置き換えることもできます。
kleinfreund、2015

1
これは機能しましたが、自分のファイルが名前にスペースが含まれるディレクトリにある場合は、ファイル名を引用符で囲む必要があることがわかりました。例:「C:\ My Folder \ test.html」は、2つのChromeタブが「C:\ My」と「Folder \ test.html」を開く原因になりますが、これは誤りです。エスケープされた引用符で$ file部分をラップすると、これは正常に機能します(上記のコマンドで$ fileを\ "$ file \"に置き換えます)。
PancakesOwn

13

パッケージコントロールを使用してブラウザーで表示プラグインをインストールするか、githubからパッケージをダウンロードし、このフォルダーをパッケージフォルダーに解凍します(パッケージの参照から)

この後、[設定]、[キーバインド-ユーザー]に移動して、これを貼り付けます

[{"キー":["f12"]、 "コマンド": "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
このビデオは正確にはどこですか?上記のリンクにいくつかのビデオがあります。MacではなくWindows 7を使用しています。ありがとう。
Chris22、2015年

8

事前に定義されたURLでデフォルトのブラウザを起動するWindowsの場合:

ツール>ビルドシステム>新しいビルドシステム:

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

ctrl+ B出来上がり!


1
すごい、まさに私が探していたもの。ありがとう!
jonschlinkert

8

ここにはWindows向けのソリューションがたくさんあるようですが、これが最も簡単です。

[ツール]-> [ビルドシステム]-> [新しいビルドシステム]をクリックし、上記を入力して、次の名前で保存しBrowser.sublime-buildます。

{
    "cmd": "explorer $file"
}

次に、HTMLファイルに戻ります。ツール->システムの構築->ブラウザ。次にを押すCTRL-Bと、ファイルがシステムのデフォルトブラウザーであるブラウザーで開かれます。


4

ファイルに別のブラウザを含める場合の別の解決策を次に示します。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ファイルを開き、キーバインディングの1つを使用します。これにより、お気に入りのブラウザーでそのファイルが開きます。


3

Macおよび崇高なテキスト3(バージョンは3103)では、コンテンツは

{
    "shell_cmd": "open -a 'Google Chrome' '$file'"
}

3

ツール->ビルドシステム->新しいビルドシステム。OSとして次のように入力し、Chrome.sublime-buildとして保存します。

Windows OS

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

マック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で試してみて動作します)


保存することを確認します.sublimeビルド 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を強調表示してブラウザーで起動できます。テキストが強調表示されていない場合は、単にファイル名を使用します。キーバインドのコマンド呼び出しをlocalhostのURLに調整したり、作業中のドキュメントへのシステムパスを調整したりできます。


1

私もあなたと同じような状況です。私は、jpg pngファイルのようなバイナリの崇高なオープンエディタを望んでいません。代わりに、オープンシステムのデフォルトアプリケーションの方が合理的です。

  1. 1つのビルドを作成します。ちょうど受け入れられた答えのように。ただし、デフォルトのアプリケーションと16進エディターの両方が開きます。
  2. Pulgin OpenDefaultApplication https://github.com/SublimeText/OpenDefaultApplication コンテキスト右クリックメニューOpenInDefaultApplicationがあります。しかし、デフォルトのアプリケーションと16進エディターの両方を開きます
  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"
    ]
    

私は3番目の方法を選択します。システムのデフォルトアプリケーションでjpgファイルを開き、同時に自動的に編集モードをすばやく閉じます。最初の2つの方法については、 "preview_on_click":falseを設定して、16進エディターが危険にさらされて自動的に開かないようにすることができます。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.