web-dev-qa-db-ja.com

VS Codeの「ライブサーバーで開く」でデフォルトブラウザを変更するにはどうすればよいですか?

デフォルトは私のサファリですが、クロムに変更したいです。私は設定を調べましたが、そのためのオプションはないようです。何か案は?

6
R.Kim

ファイル> 設定> 設定に移動します

デフォルトのユーザー設定からLiveServer Configを選択します

その中で、liveServer.settings.CustomBrowserの左側にあるペンアイコンをクリックして、chromeを選択します。

17
Aditya

あなたは2つのステップでそれを行うことができます:
1)package.jsonscriptsセクションの下に、"devserver": "live-server --browser=Chrome"としてキー値を作成します。
2)ターミナルでnpm run devserverを実行します

これは、クロムでアプリケーションを開きます。

2
walter

Npmパッケージの使用中にライブサーバーをグローバルにインストールした場合は、起動コマンドにブラウザーオプションを渡すことで、選択したブラウザーでライブサーバーを簡単に起動できます。

端末で次のように入力します:live-server --browser=BROWSER_NAME例:live-server --browser=firefox, live-server --browser=safari

一部のMacbookはlive-server --browser='Google Chrome' for google chrome whileその他live-server --browser=google-chrome NB:Macの場合live-server --browser=chromeはエラーをスローします

0
user3557777
  1. 設定に入ります。ショートカット:Macでコマンドを押してからカンマ。
  2. 上部の検索バー検索:liveServer.settings.CustomBrowser
  3. Live Server>設定:カスタムブラウザが表示されます。
  4. ドロップダウンメニューで、必要なブラウザを選択します。 chromeまたはchrome:PrivateModeなど。

または

  1. Settings.jsonファイルを開きます
  2. 次の行に次を入力またはコピーして貼り付けます: "liveServer.settings.CustomBrowser": "chrome"
  3. 前の行のコードの後に​​コンマがあることを確認してください。

例えば.

"editor.formatOnSave": true,
"liveServer.settings.CustomBrowser": "chrome"
0
Pat

ライブサーバーエクステンションを使用している場合 https://github.com/ritwickdey/vscode-live-server この設定があります:

liveServer.settings.CustomBrowser:

システムのデフォルトのブラウザを変更するには。デフォルト値は「Null」[String、not null]です。 (システムのデフォルトのブラウザが開きます。)利用可能なオプション:chrome chrome:PrivateMode firefox firefox:PrivateMode Microsoft-Edge

0
Mark

「liveServer」で非伝統的なブラウザをカスタマイズするには?

  1. _Files > Preferences > Settings_に移動して_.json_を検索し、_settings.json_ファイルをクリックします
  2. または_SHIFT + CTRL + P_を押してPreferences: Open Settings (JSON)タブ

  3. JSONファイルに書き込む

_"liveServer.settings.AdvanceCustomBrowserCmdLine":_アドバンスコマンドラインを使用して、お気に入りのブラウザー(例:Chrome Canary、Firefox Nightly)を設定します。(お気に入りのカスタムブラウザーのフルパスを指定できます)。

  • この設定は、_"CustomBrowser"_および_"ChromeDebuggingAttachment"_設定をオーバーライドします。
  • デフォルト値はnullです
  • 例:
    • chrome --incognito --headless --remote-debugging-port = 9222
    • C:\ Program Files\Firefox Developer Edition\firefox.exe --private-window

詳細については、私の photo を確認するか、または GitHubのリンク を参照してください。

注:_"AdvanceCustomBrowserCmdLine"_または_"CustomBrowser"_を使用します。両方を使用する場合、_"AdvanceCustomBrowserCmdLine"_の優先度が高くなります。

0
José Velaides

これは私がMacOSでどのようにしたかです(ギアを押してから「拡張設定を構成する」を選択する必要があります)

enter image description here

0