Как поменять браузер в vs code
Я впервые настраиваю среду VS Code, но не могу понять, как установить Chrome в качестве браузера по умолчанию для рабочей области.
Ответ на этот вопрос на самом деле не решил мою проблему. Интересно, почему функция поиска не нашла для меня этой информации до того, как я задал свой вопрос. Среди прочего я искал "браузер по умолчанию в VS Code".
Windows 7: Controlpanel --> Programs-->set default programs -> chrome -> set all as default у меня работало
Перейдите в файл -> настройки -> пользовательские настройки -> поиск «По умолчанию он откроет ваш любимый браузер по умолчанию», установите свой браузер.
код -> настройки -> настройки -> поиск «По умолчанию он откроет ваш любимый браузер по умолчанию» или просто «браузер». у меня работает на версии: 1.48.2
В моей версии vsCode - 1.49.0 я поместил «браузер» в поиск, и он показывает мне поле, в котором я могу ввести предпочтительный браузер.
Другие вопросы StackOverflow относительно браузера были связаны с открытием определенного файла. Вот шаги по созданию файла tasks.json в совершенно новой среде.
- В меню "Задачи" выберите "Настроить задачи".
- В поле ввода появится запрос «Выберите задачу для настройки».
- Выберите "Создать файл tasks.json из шаблона".
- Отредактируйте файл, включив в него следующий блок:
Chrome можно запустить путем отладки вашего приложения . В launch.json , то configurations[].serverReadyAction.action конфигурация получила возможное значение debugWithChrome в VS Code февраля 2019 года выпуска . Обратите внимание, что для этого также потребуется установить расширение Debugger for Chrome . Вы не получите предупреждения, если расширение не установлено и вы настроили для использования launch.json debugWithChrome .
Примечание. Настройка launch.json debugWithChrome будет работать, даже если вы запустите с помощью CTRL +, F5 чтобы запустить приложение без отладки.
Ой. The pattern is only matched in the Debug Console. It doesn't yet work if the debug target is launched in the Integrated Terminal (and it will never work in external terminals). и The feature does not warn if debugWithChrome is configured but the Debugger for Chrome extension is not installed. единственный ли я, кто запускает свои серверы узлов со встроенного терминала? Кроме того, отладчик для Chrome кажется немного нестабильным. Проверьте свои уведомления VSCode (маленький значок колокольчика, внизу справа)
npm start Тогда я застрял здесь при запуске своего приложения для реагирования через launch chrome against localhost . Приложение отлично работает в Chrome, но отладчик открывает MS Edge для отладки. Не очень хорошо, я слишком долго использую инструменты разработчика Chrome. Кто-то еще?
Этот альтернативный путь мне помог :)
Что ж, после того, как я попробовал другие решения, которые не работали или я даже не мог найти настройки с тегом «браузер» в VS Code, наконец, я просто попробовал это простое решение, и, невероятно, оно помогло! Я думал, что Google является моим браузером по умолчанию в системе, но это не так. Это маленькое простое решение отлично работает.
И мой браузер уже был настроен на Firefox на системном уровне, но я не мог заставить VS Code прекратить запуск Chrome.
Метод изменения tasks.json больше не работает в новых версиях Visual Studio Code. Самый простой способ запустить свой код в браузере - это установить расширение «Открыть в браузере» из магазина.
После его установки и перезагрузки VS Code вы можете перейти к своему коду и нажать ALT +, B чтобы запустить приложение в браузере по умолчанию, или ALT + SHIFT +, B чтобы выбрать браузер, который вы хотите использовать.
Вы также можете щелкнуть правой кнопкой мыши и выбрать эту опцию в раскрывающемся меню, но я упоминаю об этом последним, потому что в настоящее время это не работает в некоторых версиях VS Code.
It defaults to my safari but would like to change it to chrome. I looked in preferences, but there doesn't seem to be an option for that. Any ideas?
14 Answers 14
Go to Files > Prefrences > Settings
From Default User settings choose LiveServer Config
Inside it click on pen icon to the left on liveServer.settings.CustomBrowser select chrome .
- Go into settings. Shortcut: hold command then comma on mac.
- In the top search bar search: liveServer.settings.CustomBrowser
- You will see: Live Server > Settings: Custom Browser
- In the drop down menu select whatever browser you want e.g. chrome or chrome:PrivateMode etc..
- Open settings.json file
- Type or copy and paste the following in the next line: "liveServer.settings.CustomBrowser": "chrome"
- Make sure that there is a comma after the code in the previous line.
This is how I did it on MacOS (you have to hit the gear, then select "Configure Extension Settings")
Thanks! to above answers. On Mac select VS and press [command + ,] or from menubar choose code->Preferences->Settings. It will open the Settings tab and enter live server config in search bar follow the steps given below
I was also looking for this, while trying to change to Google Chrome Dev.
And discovered you can practically change to any browser you want, just type the name of the app on your settings.json
Note that it also works with "liveServer.settings.CustomBrowser": "chromium", on Linux, if Chromium is already started
You can do it in 2 steps:-
1) In package.json under scripts section create a key value as "devserver": "live-server --browser=Chrome" .
2) In terminal run npm run devserver
This will open application in chrome.
this solution in working to open application by default on chrome terminal. But can we do some setting in IDE itself?
In old version of VS code task configuration works but for newer version you have to install Open in Browser extension from the marketplace. For Reference
-
Go to Files > Preferences > Settings and search .json and click on settings.json file
or press SHIFT + CTRL + P and tab Preferences: Open Settings (JSON)
Write on JSON file
"liveServer.settings.AdvanceCustomBrowserCmdLine": To set your any favorite browser (Eg: Chrome Canary, Firefox Nightly) using advance Command Line. (You can specify full path of your favorite custom browser).
- This setting will override "CustomBrowser" and "ChromeDebuggingAttachment" settings.
- Default Value is null
- Examples:
- chrome --incognito --headless --remote-debugging-port=9222
- C:\Program Files\Firefox Developer Edition\firefox.exe --private-window
Check out my photo or see this link on GitHub for more details.
Note: Either use "AdvanceCustomBrowserCmdLine" or "CustomBrowser" . If you use both, "AdvanceCustomBrowserCmdLine" has higher priority.
По умолчанию используется мое сафари, но хотелось бы изменить его на хром. Я посмотрел в настройках, но, похоже, для этого нет варианта. Любые идеи?
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно.
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей.
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то.
Ответы 12
liveServer.settings.CustomBrowser:
To change your system's default browser. Default value is "Null" [String, not null]. (It will open your system's default browser.) Available Options : chrome chrome:PrivateMode firefox firefox:PrivateMode microsoft-edge
Если вы установили глобально свой live-сервер при использовании пакета npm, вы можете легко запустить свой live-сервер в браузере по вашему выбору, передав параметр браузера в вашей команде запуска:
На вашем терминале введите: live-server --browser=BROWSER_NAME Например: live-server --browser=firefox, live-server --browser=safari
и некоторые макбуки принимают live-server --browser='Google Chrome' для Google Chrome, а другие live-server --browser=google-chrome NB: для Mac live-server --browser=chrome выдаст ошибку
Перейдите к Файлы> Предпочтения> Настройки
В настройках пользователя по умолчанию выберите LiveServer Config .
Внутри него щелкните значок ручки слева на liveServer.settings.CustomBrowser и выберите chrome .
Вы можете сделать это за 2 шага: -
1) В package.json в разделе scripts создайте значение ключа как "devserver": "live-server --browser=Chrome" .
2) В терминале запустите npm run devserverЭто откроет приложение в хроме.
это решение работает, чтобы открыть приложение по умолчанию на терминале Chrome. Но можем ли мы сделать некоторые настройки в самой IDE?
В старой версии VS code настройка задачи работает, но для новой версии вам необходимо установить расширение Open in Browser из магазина. Для справки
Вот как я сделал это в MacOS (вам нужно нажать на шестеренку, а затем выбрать «Настроить параметры расширения»)
NYC Tech Engineer
- Зайдите в настройки. Ярлык: удерживайте команду, затем запятую на Mac.
- В верхней строке поиска ищите: liveServer.settings.CustomBrowser
- Вы увидите: Live Server> Настройки: Пользовательский браузер.
- В раскрывающемся меню выберите любой браузер, который вы хотите, например хром или хром: PrivateMode и т. д.
- Откройте файл settings.json
- Введите или скопируйте и вставьте следующее в следующую строку: "liveServer.settings.CustomBrowser": "chrome"
- Убедитесь, что после кода в предыдущей строке стоит запятая.
Следуйте за этими ребятами, это, очевидно, простой способ сделать это. Спасибо, кстати.
-
Перейдите в Files > Preferences > Settings , найдите .json и щелкните файл settings.json .
или нажмите SHIFT + CTRL + P и перейдите на вкладку Preferences: Open Settings (JSON)
Запись в файл JSON
"liveServer.settings.AdvanceCustomBrowserCmdLine": Чтобы установить любой любимый браузер (например: Chrome Canary, Firefox Nightly), используя предварительную командную строку. (Вы можете указать полный путь к вашему любимому пользовательскому браузеру).
- Этот параметр имеет приоритет над настройками "CustomBrowser" и "ChromeDebuggingAttachment" .
- Значение по умолчанию - null
- Примеры:
- хром --incognito --headless --remote-debugging-port = 9222
- C: \ Program Files \ Firefox Developer Edition \ firefox.exe --private-window
Посмотрите мой Фото или посмотрите этот ссылка на GitHub для более подробной информации.
Note: Either use "AdvanceCustomBrowserCmdLine" or "CustomBrowser" . If you use both, "AdvanceCustomBrowserCmdLine" has higher priority.
Когда я отлаживаю в Visual Studio, открывается Firefox, и это раздражает из-за подключений, которые есть в Internet Explorer и Visual Studio, например, когда вы закрываете браузер Internet Explorer, который запускает отладку, Visual Studio прекращает отладку. Как я могу заставить Visual Studio открывать Internet Explorer вместо того, чтобы устанавливать Internet Explorer в качестве браузера по умолчанию?
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно.
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей.
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то.
Ответы 14
Щелкните правой кнопкой мыши файл aspx и выберите «просмотреть с помощью». Думаю, там есть вариант по умолчанию.
1) Right click on a .aspx page in your solution explorer
2) Select the "browse with" context menu option
3) In the dialog you can select or add a browser. If you want Firefox in the list, click "add" and point to the firefox.exe filename
4) Click the "Set as Default" button to make this the default browser when you run any page on the site.
Однако мне не нравится тот факт, что это не так просто, как должно быть.
Этот параметр недоступен для проектов MVC по какой-либо причине.
Он доступен для проектов MVC, но вам нужно найти файл Default.aspx для проекта.
MVC2 + не использует целевую страницу .aspx
Для MVC2 + я просто добавляю файл .htm, обычно называемый Starter.htm, и верхнее решение работает нормально. Я обычно просто добавляю его в решение вместо проекта. Это имеет больше смысла, особенно если у меня есть решение для нескольких веб-проектов. Да, и вам не нужно беспокоиться о его развертывании с вашим источником с помощью функции Web Deploy VS2010.
Этот параметр не сохраняется. Вам придется делать этот процесс каждый раз, когда вы повторно открываете VS2010.
@ subt13 Вау, это новинка VS2010. Не сталкивался с этой проблемой в VS2005 и VS2008
Параметр «Просмотреть с помощью» не отображается для приложений xbap. Использование ответа Тима сработало для меня.
Небольшое запоздалое дополнение. Если в вашем решении несколько проектов, вы увидите «Просмотр с помощью» только для проекта, который был «Установить как запускаемый проект».
Кроме того, вы можете щелкнуть правой кнопкой мыши папку в VS 2010, чтобы получить параметр Browse With. , а не создавать фиктивный файл .aspx или .htm .
Это исправление также работает с проектами TypeScript в VS 2013 - необходимо для отладки, когда IE не является браузером по умолчанию. Однако настройка теряется при выключении VS.
В обозревателе решений щелкните правой кнопкой мыши любую страницу ASPX, выберите «Обзор с помощью» и выберите IE по умолчанию.
Примечание . те же шаги можно использовать для добавления Google Chrome в качестве опции браузера и, при необходимости, для установки его в качестве браузера по умолчанию.
In an MVC app, you have to right-click on Default.aspx, which is the only ‘real’ web page in that solution. The default page displays ‘Browse with…’
Спасибо за это. Каждый раз, когда я исправляю VS, он сбрасывает браузер по умолчанию обратно в IE. Это сводило меня с ума, открывая проект веб-форм, чтобы я мог вернуться к Firefox.
В MVC 2 Default.aspx больше не существует. в 2010 вам нужно создать базовую страницу веб-формы, установить значение по умолчанию (поскольку оно не сохраняется от проекта к проекту). Затем вы можете удалить лишнюю веб-форму
Быстрое примечание, если у вас нет .aspx в вашем проекте (т.е. его XBAP), но вам все еще нужно отлаживать с помощью IE, просто добавьте htm-страницу в свой проект и щелкните правой кнопкой мыши по ней, чтобы установить значение по умолчанию. Это взломано, но работает: P
В Visual Studio 2010 браузер по умолчанию часто сбрасывается (почти каждый раз при изменении параметра IDE или даже после перезапуска Visual Studio). Теперь есть расширение селектора браузера по умолчанию для 2010, чтобы помочь в борьбе с этим:
. Обновлять. Похоже, что переключатель браузера по умолчанию WoVS больше не доступен бесплатно согласно @ Кори. Вместо этого вы можете попробовать Программа смены браузера по умолчанию, но я его не тестировал. Если у вас уже есть плагин WoVS, я бы порекомендовал сделать его резервную копию, чтобы вы могли установить его позже.
Следующее решение может больше не работать:
Примечание: Одним из отрицательных побочных эффектов установки этого расширения является то, что его надо обновлять примерно раз в месяц. Это заставило некоторых удалить его, потому что для них это доставляло больше беспокойства, чем проблема, которую он решает. Несмотря на это, он легко обновляется через менеджер расширений, и я все еще считаю его очень полезным.
При запуске VS вы увидите следующую ошибку:
The Default Browser Switcher beta bits have expired. Please use the Extension Manager or visit the VS Gallery to download updated bits.
Это определенно лучший вариант для VS2010.
@Nicholas Это работает и заставляет VS оставаться в выбранном браузере независимо от функции / ошибки сброса. Я бы установил эту надстройку, даже если бы ошибки не было. Я разрабатываю и тестирую в 3-х разных браузерах, и это дополнение упрощает задачу.
@Tim Вот что я имею в виду - если вы запускаете веб-сайт, он всегда сначала запускается в IE (даже с установленным расширением). Затем значки в расширении отключаются (это ошибка в их расширении), поэтому вы не можете выбрать другой браузер. Вы должны использовать «Обзор с помощью», чтобы запустить веб-сайт в другом браузере, тогда значки расширения снова будут включены . В любом случае, я хочу сказать, что расширение не исправляет ошибку и не упрощает работу. Microsoft необходимо развернуть исправление.
@Nicholas - Думаю, нужно обновить надстройку. У меня он тоже был отключен до обновления. Что касается вашей исходной точки, вы имеете право, что Microsoft должна изменить это поведение.
При использовании с silverlight (ria) он не работает с отладчиком по умолчанию.
Использование этого инструмента делает жизнь немного проще, но при каждом перезапуске он сбрасывает браузер по умолчанию.
И теперь это расширение уже не бесплатное :(
Если вы запускаете приложение MVC 3 - в проводнике решений щелкните значок «Показать все файлы», а затем под файлом Global.asax должен быть файл с именем YourProjectName.Publish.XML, щелкните его правой кнопкой мыши и выберите «Обзор с. .. "и выберите свой любимый браузер по умолчанию.
Вы также можете отлаживать с помощью firefox.
Выполните следующие действия: Tool -> Attach to process и выберите firefox.exe или браузер по умолчанию. Тогда отладчик будет работать с этим браузером. Но у меня были проблемы, когда Firefox был 32-битным, а VS2010 - 64-битным.
В любом случае щелкните правой кнопкой мыши текущий документ, просмотрите --> , затем выберите свой браузер и установите его по умолчанию. Так лучше. B потому что идентификатор процесса firefox может измениться, поэтому вы будете раздражены, если снова подключите процесс.
Для MVC3 вы не обязательно добавляете любые фиктивные файлы для установки определенного браузера. Все, что вам нужно сделать, это:
- "Показать все файлы" для проекта
- перейти в папку bin
- Щелкните правой кнопкой мыши единственный файл .xml, чтобы найти параметр «Обзор с . »
Какой ужасный пользовательский интерфейс. Спасибо за эту хитрость, чтобы обойти это. Это все еще кажется необходимым для MVC6 и Visual Studio 2017.
Другой способ - сделать в Visual Studio следующее:
Вы просто делаете Internet Explorer браузером по умолчанию. Однако я думаю, что вопрос в том, «Как вы можете запустить свой сайт в Internet Explorer, даже если браузер по умолчанию - Chrome или Firefox?»
Почему так много шагов через VS для доступа к настройкам обозревателя, просто откройте IE, посмотрите инструменты или выполните поиск прямо в Пуске :-)
По умолчанию используется мое сафари, но хотелось бы изменить его на хром. Я посмотрел в настройках, но, похоже, для этого нет варианта. Любые идеи?
Откройте Файлы > Настройки > Настройки .
В настройках пользователя по умолчанию выберите LiveServer Config
Внутри него нажмите на значок пера слева на liveServer.settings.CustomBrowser выберите chrome .
Вы можете сделать это за 2 шага: -
1) В package.json в разделе scripts создайте значение ключа как "devserver": "live-server --browser=Chrome" .
2) В терминале запустите npm run devserverЭто откроет приложение в хроме.
Это решение работает, чтобы открыть приложение по умолчанию на терминале Chrome. Но можем ли мы сделать некоторые настройки в самой IDE?
В старой версии VS code настройка задачи работает, но для новой версии вам необходимо установить расширение Open in Browser из магазина. Для справки
- Зайдите в настройки. Ярлык: удерживайте команду, затем запятую на Mac.
- В верхней строке поиска ищите: liveServer.settings.CustomBrowser
- Вы увидите: Live Server> Настройки: Пользовательский браузер.
- В раскрывающемся меню выберите любой браузер, который вы хотите, например хром или хром: PrivateMode и т. д.
- Откройте файл settings.json
- Введите или скопируйте и вставьте следующее в следующую строку: "liveServer.settings.CustomBrowser": "chrome"
- Убедитесь, что после кода в предыдущей строке стоит запятая.
liveServer.settings.CustomBrowser:
Чтобы изменить браузер по умолчанию в вашей системе. Значение по умолчанию - «Null» [String, not null]. (Откроется браузер вашей системы по умолчанию.) Доступные параметры: chrome chrome: PrivateMode firefox firefox: PrivateMode microsoft-edge
Если вы установили глобально свой live-сервер при использовании пакета npm, вы можете легко запустить свой live-сервер в браузере по вашему выбору, передав параметр браузера в вашей команде запуска:
По типу вашего терминала: live-server --browser=BROWSER_NAME Например: live-server --browser = firefox, живой сервер --browser = сафари
И некоторые макбуки принимают live-server --browser='Google Chrome' для Google Chrome, а другие live-server --browser=google-chrome NB: для Mac live-server --browser=chrome выдаст ошибку
-
Перейдите к Files > Preferences > Settings , выполните поиск .json и нажмите файл settings.json
или нажмите SHIFT + CTRL + P и вкладку Preferences: Open Settings (JSON)
Запись в файл 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
Посмотрите мою фотографию или посмотрите это ссылка на GitHub для получения дополнительных сведений.
Примечание: используйте либо "AdvanceCustomBrowserCmdLine" , либо "CustomBrowser" . Если вы используете оба, "AdvanceCustomBrowserCmdLine" имеет более высокий приоритет.
На Mac через меню VS Code:
Код> Настройки> Настройки> введите browser в поле настроек поиска вверху
Вот как я сделал это на MacOS (вам нужно нажать на шестеренку, а затем выбрать «Настроить параметры расширения»)
Спасибо! на ответы выше. На Mac выберите VS и нажмите [ command +, ] или в строке меню выберите code-> Preferences-> Settings . Откроется вкладка "Настройки" и введите конфигурацию реального сервера в строке поиска, следуя инструкциям ниже.
Я тоже искал это, пытаясь перейти на Google Chrome Dev.
И обнаружил, что вы можете практически перейти на любой браузер, какой захотите, просто введите название приложения в свой settings.json.
Обратите внимание, что он также работает с "liveServer.settings.CustomBrowser": "chromium", в Linux, если Chromium уже запущен
- Нажмите windows + i
- Выберите приложения
- Выберите приложения по умолчанию
- Измените (веб-браузер) на Chrome (все равно изменив)
Откройте визуальную студию и перейдите в file - preferences - extension - щелкните правой кнопкой мыши значок настройки живого сервера - затем выберите
Отредактируйте настройку JSON, тогда вы найдете это предложение
Просто поместите название своего браузера между двойными кавычками
liveServer.settings.CustomBrowser : для изменения браузера по умолчанию в вашей системе.
Значение по умолчанию - null [String, not null]. (Откроется браузер вашей системы по умолчанию.)
Недостаточно? нужно больше? открыть / запрос / запрос на перенос на github. А пока используйте настройки liveServer.settings.AdvanceCustomBrowserCmdLine (см. Ниже).
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 //Remove --Private-windows for normal Window
Примечание . Используйте AdvanceCustomBrowserCmdLine или CustomBrowser. Если вы используете оба, AdvanceCustomBrowserCmdLine имеет более высокий приоритет.
Читайте также: