Я установил глобальную синхронизацию браузера и установил Visual Studio с использованием нижеприведенного URL-адреса для синхронизации браузера: https://github.com/peterblazejewicz/visual-studio-web-developer/blob/master/using-browsersync-as-a-tool-in-visual-studio.md Когда я запускаю внешний инструмент Browser Sync, я получаю ошибку:
‘browser-sync’ is not recognized as an internal or external command,
operable program or batch file.
Может кто-нибудь сказать мне, что здесь проблема, я установил синхронизацию браузера в глобальном масштабе несколько раз, а также проверил в каталоге ниже:
C:UsersuserNameAppDataRoamingnpm —> i see browser-sync and browser-sync.cmd in that folder.
спросил(а) 2020-03-08T21:16:54+03:00 3 года, 3 месяца назад
добавить комментарий
пожаловаться
Возможно, вам понадобится добавить ссылку на вашу папку npm в переменной окружения Path. В Windows 7 вы выполните следующие действия: Стартовое меню Щелкните правой кнопкой мыши на компьютере и выберите «Свойства».
Gulp 7: Автоперезагрузка браузера: browser-sync
На левой панели окна (под заголовком «Домашняя панель управления») нажмите «Дополнительные системные настройки» (вы должны быть администратором) Нажмите кнопку «Переменные среды». Верхний список — это ваши индивидуальные переменные учетной записи пользователя, а нижние — общесистемные переменные; вам нужно отредактировать (или создать) переменную PATH в верхнем разделе, нажав на переменную PATH и нажав кнопку «Изменить» или нажав кнопку «Создать», если у вас еще нет переменной PATH в этом разделе Если вы добавляете новую переменную, введите PATH в качестве имени переменной, а значение переменной должно быть просто путь к вашей папке npm (в моей системе C:Users\AppDataRoamingnpm) Если вы редактируете существующую переменную, перейдите к концу текущего значения переменной и добавьте полуколону, за которой следует путь к вашей папке npm (см. Выше) Нажмите «ОК», «ОК» еще раз и «ОК» еще раз, чтобы вернуться к панели управления, и вы тоже можете закрыть это. Вам придется перезапустить все окна команд, которые были открыты, когда вы добавили элемент в свою переменную PATH; они не будут автоматически обнаруживать обновленное значение
ответил(а) 2020-03-08T21:29:06.263292+03:00 3 года, 3 месяца назад
добавить комментарий
пожаловаться
Еще в рубрике
Изменения результата OpenCV между Debug/Release и другими машинами
Как использовать .Net Native в WinForm и С# (Visual Studio 2015)?
Проверить базу данных ConnectionState
VS2015 + Resharper: не использовать С# 6
Другие вопросы
VS2015: безопасное изменение решения ASP.Net и имени проекта
С# Формат валюты из базы данных
Требуется обновление Visual Studio, установлен SDK
- Вопросы
- Visual-studio-2015
- «browser-sync» не распознается как внутренняя или внешняя команда в VS 2015 в качестве внешнего инструмента
Источник: progi.pro
Автообновление страницы при верстке // Browser Sync // Livereload
Как исправить «Браузер не распознается как внутренняя или внешняя команда»?
После выполнения других шагов, я застрял на втором этапе, пытаясь запустить приложение локально. Командная строка возвращает сообщение об ошибке: «BROWSER» не распознается как внутренняя или внешняя команда, работающая программа или пакетный файл », когда я пытаюсь выполнить« npm run dev »в каталоге response-d3-tree-demo, который я клонирован из того же репо.
На странице README.md указано, что нужно запустить «npm run dev» в каталогах response-d3-tree и Reaction-d3-tree-demo. Я на самом деле получил ошибку, когда выполнил эту команду в каталогеact-d3-tree, где в командной строке говорилось, что перевод строки неправильный, но я зашел в файл eslintrc.js и добавил «linebreak-style»: 0 «в модуль экспорта, который разрешил ошибку. Я попытался отключить антивирусное программное обеспечение Avast, которое было предложено на другой странице. Пока ничего не получалось.
Воспроизвести мою проблему:
Демо: Клонировать это репо: git clone https://github.com/bkrem/react-d3 -tree-demo.git компакт-диск, реагировать-d3-tree-demo Запустите yarn или npm install ИЛИ запустите bash ./setup.sh и перейдите к Запуск локально
Библиотека React-D3-Tree: Внутри каталога response-d3-tree-demo клонируйте библиотеку: git clone https: // github.com/bkrem/react-d3-tree.git Запустите пряжу или npm install
Локальный запуск: настройте 2 окна терминала, одно из которых находится в каталогеact-d3-tree-demo, другое — в response-d3-tree-demo / Reaction-d3-tree (т.е. в подкаталог, в который мы клонировали саму библиотеку). ) Запустите yarn dev / npm, запустите dev в каждом. Любые изменения, внесенные в демонстрационное приложение или библиотеку, теперь должны автоматически перестраивать библиотеку и перезагружать приложение со свежей сборкой (через nodemon).
Я ожидаю, что приложение реакции откроет страницу по адресу localhost: 8000, которая выглядит так: https: //bkrem.github.io/react-d3-tree-demo/ однако я получаю сообщение из командной строки, которое было подробно описано ранее. Я не уверен, почему они сказали мне клонировать response-d3-tree внутри демонстрации, я также был бы признателен за любое объяснение этого.
Источник: question-it.com
Browser sync — синхронизация окон браузеров
Вдохновившись этой серией статей, меня посетила идея приобщить всех знакомых дизайнеров/верстальщиков/разработчиков к великому к консоли. И начать я решил с самого вкусного — с синхронизации браузеров. На самом деле, утилит, каким-то образом помогающих работать веб-девелоперам, много и рассказать про каждую просто невозможно, но ведь главное в этом деле заинтересовать;)
Вспомните, как обычно происходит верстка макета? Вносим изменения в css. Сохраняем. Переключаемся на Chrome. Обновляем страницу. Тестируем. Переключаемся на Firefox. Обновляем страницу. Тестируем.
Переключаемся на IE. Обновляем страницу. Тестируем. Повторяем сначала.
Каждый может делать это по-разному, но суть останется прежней: тестирование в разных браузерах очень долгий и муторный процесс. Но мы с вами сейчас попробуем его немного оптимизировать. И в этом нам поможет утилита browser-sync. Как можно прочитать на их сайте, программа умеет не только отслеживать изменения в файлах проекта и автоматически перезагружать вкладки, но и позволяет синхронизировать навигацию в каждом браузере. Вот так это работает:
Каждый раз, когда я нажимаю сохранить, вкладка обновляется автоматически. Все становиться еще удобнее, когда у вас два экрана: на первом среда разработки, а на втором 3-4 открытых браузеров. Если честно, я не придумал, как показать вам оба экрана, так что как-то так.
Более того, можно тестировать на нескольких устройствах, использующих общее подключение: телефоны, планшеты, компьютеры с разными мониторами. Все что нужно для их синхронизации: открыть url, предоставляемый этой утилитой.
Установка browser sync
Надеюсь я успел вас достаточно заинтересовать, потому что почти все, что мы будем делать ниже, может испугать:) Нужная нам утилита является модулем для Node.js. Для её установки нам потребуется пакетный менеджер npm, поставляемый с нодой. Кто знает что это такое, может сразу перейти на сайт http://www.browsersync.io/ и следуя простым инструкциям (нет, действительно, всего три шага) установить и настроить. Для тех кто никогда не слышал ни о npm, ни о Node.js, быстро пробежимся по установке.
Для начала идем на сайт Node.js, скачиваем и устанавливаем. Тут ничего сложного: далее, далее, далее, готово. Откройте консоль (я пользуюсь встроенный в PhpStorm) и выполните команду:
npm install -g browser-sync
Это команда установит browser-sync. Если в консоли появилось «‘npm’ не является внутренней или внешней командой. «, просто перезагрузите компьютер и попробуйте снова.
Если все прошло удачно, поздравляю, все установлено и готово к работе. Ничего ведь сложного?
Настройка browser sync
Теперь откроем в консоли папку проекта (Shift + правый клик на папке, дальше — Открыть окно команд) и запустим browser-sync . Тут есть два варианта: если вы верстаете статичные файлы (*.html, *.css и др.) и если вы делаете динамику (*.php, например). В первом случае, для запуска утилиты в серверном режиме, выполните команду:
browser-sync start —server —files «*.css, *.html»
В консоли вы увидите url адреса для синхронизации, а также в вашем браузере по умолчанию откроется вкладка с индексовой страницей проекта:
Первую пару url (Local) вы можете использовать для синхронизации браузеров на нескольких устройствах. Просто откройте его и все заработает. Вторая пара нужна для перехода к настройкам синхронизации:
Помните, я говорил, что можно синхронизировать навигацию всех браузеров? Настраивается это здесь: переход по ссылкам, отправка форм, скроллинг.
Теперь, если вы используете локальный сервер, и вам нужно синхронизировать браузеры при изменении php (или других) файлов, необходимо использовать режим proxy:
browser-sync start —proxy «myproject.dev» —files «*.css, *.html, *.php, *.js»
Browser-sync имеет множество настроек, описывать их я не буду, просто дам ссылку: http://www.browsersync.io/docs/command-line/. Там же можно посмотреть и примеры использования.
Для выхода из программы, в окне консоли нажмите Ctrl+C, и введите y в ответ на подтверждение выхода.
Источник: ydmitry.ru