web-dev-qa-db-ja.com

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

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

Web開発用にSublime Textでセットアップを行うためのヘルプを歓迎します！

sublimetext2
109
wwwuser

ここでこの質問が適切かどうかはわかりませんが、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オプションが表示されます。それを選択すると、Chromeを起動できます Cmd+B Mac（またはビルド用に設定したホットキーは何でも、おそらく F7 または Ctrl+B Windowsマシン上）

少なくともこれで正しい方向へのプッシュができるはずです。

編集：

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

Sublime Text 3（Linuxの例） "Shell_cmd"： "google-chrome '$ file'"

168
J. Holmes

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

48
aanton

Windows7 FireFox/Chrome：

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

firefox.exeまたはchrome.exeの独自のパスを使用して、私のものを置き換えてください。

Firefox.exeまたはchrome.exeを独自のパスに置き換えます。

33
boya

これは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キーを押して、ファイルを参照または開くことができます。

13
Mamadex

View In Browserプラグインを使用してPackage Controlまたはパッケージをダウンロード- github このパッケージをパッケージフォルダー（パッケージの参照から）で解凍します

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

[{"キー"：["f12"]、 "コマンド"： "view_in_browser"}]

これで、F12がショートカットキーになります。

13
dicentiu

SideBarEnhancementsプラグイン をインストールできます。これにより、とりわけ、F12をクリックするだけでブラウザーでファイルを開くことができます。

Chromeで正確に開くには、「Side Bar.sublime-settings」ファイルを修正し、"default_browser"を"chrome"に設定する必要があります。

Sublime Text 2で このビデオチュートリアル を学ぶこともお勧めします。

12
Timofey Gorshkov

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

ツール->ビルドシステム->新しいビルドシステム、上記を入力し、Browser.sublime-buildとして保存：

{
    "cmd": "Explorer $file"
}

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

8
Simon Sarris

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

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

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

ctrl + B そして出来上がり！

8
bluehipy

異なるブラウザをファイルに含める場合の別のソリューションを次に示します。あなたと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つを使用します。これにより、お気に入りのブラウザーでそのファイルが開きます。

4
egyamado

MacおよびSublime Text 3では、バージョンは3103です。コンテンツは次のようになります。

{
    "Shell_cmd": "open -a 'Google Chrome' '$file'"
}
3
clinyong

ツール->ビルドシステム->新しいビルドシステム。 OSとして次のタイプ、Chrome.sublime-buildとして保存

Windows OS

  {
        "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で試してみて動作します）

3
J4cK

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と作業中のドキュメントへのシステムパスに調整できます。

1
nabrown

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

  1. 1つのビルドを作成します。受け入れられた答えのように。ただし、デフォルトのアプリケーションと16進エディタの両方が開きます。
  2. Pulgin OpenDefaultApplicationhttps://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進エディターが自動的に開くのを停止します。

1
Victor Choy

またはこれを試してください

"cmd"：["cmd"、 "/ K"、 "start http：// localhost/Angularjs / $ file_name"]

0
Vinay