Именно в этот самый момент, пока мы ещё не очень далеко продвинулись (а сам я продвинулся за время, пока не было публикаций про "Vue.js", достаточно далеко), хочется прервать прямое повествование про сам фреймворк, а порекомендовать вам очень полезное для разработчиков программное обеспечение, против которого я, кстати, очень долго сопротивлялся, но теперь понимаю, что сопротивлялся неоправданно.

Речь в публикации пойдёт о расширенном блокноте "Notepad++". Помнится, я в самом начале серии всех публикаций в направлении своей новой деятельности, связанной со "Vue.js", говорил, что у меня на компьютере предустановлен очень удобный и нашпигованный по последнему слову техники "Total Commander". Если не помните такого, то перечитайте - всё рядом (https://www.liveinternet.ru/users/flash_a/post434539131/).

Так вот расширенный "Total Commander" меня снова выручил, поскольку в него для редактирования текстовых файлов по клавише "F4" встроен не обычный блокнот ("Notepad.exe"), а блокнот второго поколения ("..\Soft\Notepad2\Notepad.exe"). Да, если открыть диалоговое окно конфигурации файлового менеджера, то там прописан следующий страшный путь: "%commander_path%\Soft\Notepad2\Notepad.exe" (Рисунок 1). Собственно, хорошо видно, что это плагин (специальная подключаемая подпрограмма, адаптированная под "Total Commander").

Рисунок 1 - Подключённый "Notepad2" в "Total Commander TechAdmin"

Вероятно, стоит показать, ради чего весь этот сыр-бор на целую публикацию (Рисунок 2). Дело всё в том, что в блокноте нового поколения теги, их параметры и комментарии расцвечены, а также строки кода пронумерованы. Поскольку особое внимание я обещал уделить в одной из публикации консоли браузера, где отлов ошибок удобнее проводить по номерам строк, такой инструмент просто незаменим. Однако, не стану отрицать, что к моменту, когда приходится копаться в консоли браузера, ты уже настолько породнён с кодом, что и без номера строки понятно, где именно находится фрагмент, в котором запятую забыл воткнуть или, напротив, лишнюю скобку поставил.

При этом я понимаю, что не должен заставлять никого искать строго то же самое программное обеспечение, с которым работаю. В связи с этим далее мы рассмотрим с вами некоторые рекомендации по установке, скажем так, ходовых программных продуктов, которые можно достать из надёжных источников и без лишних проблем. Да, что-то останется условно открытым (без регистрации и оплаты), но самое страшное, что придётся делать в этом случае, это нажимать правильный номер кнопки при каждом запуске (это про "Total Commander"). А редактор, которым мы зарядим файловый менеджер, называется "Notepad++". Он бесплатный.

Рисунок 2 - Представление кода в "Notepad2"

Пробежимся по порядку. Рискну предположить, что у вас нет нашпигованного "Total Commander"’а, но есть обычный. Вот для обычного мы сейчас настройку и проведём. А если у вас и просто нет, да не было никогда, то срочно рекомендую скачать и установить. И это ни в коем случае не проплаченная кем-то реклама. Программное обеспечение продолжает демонстрировать мне свою эффективность на протяжении многих лет. Мне самому хочется продвигать его в массы. Я ещё под операционной системой "DOS" давным-давно пользовался аналогичным инструментом "Norton Commander" и настолько к нему привык, что не мыслю работу с файлами без Commander’а. Всякий там "Мой компьютер", "Обозреватель" и "Проводник" это, вот, не моё. Не подружился я как следует со стандартными компонентами "Windows", уж извините.

Теперь о том, где искать? Да на сайте разработчика: "https://www.ghisler.com/". Но лучше сразу переходить на страницу загрузки: "https://www.ghisler.com/download.htm". На момент написания публикации актуальной версией оказался TC 9.21a. Его и качаем (я вместе с вами, чтобы сделать обзор).

Процесс установки не вижу смысла обозревать, поскольку там довольно простой и понятный пошаговый интерфейс для размещения программного обеспечения в рамках операционной системы. После установки и запуска мы увидим ровно то, о чём я говорил немногим ранее (Рисунок 3).

Да, программное обеспечение не зарегистрировано, но это не беда. Им можно пользоваться. Нажмём в данном конкретном случае на двоечку на клавиатуре или по интерфейсной кнопке мышкой, да будем пользоваться. Много лет так пользуюсь и не напрягает. Нет, крутой и нашпигованный "Commander" ко мне с такими дурацкими вопросами не обращается. Он любезно "поломан" старшими товарищами. Однако, на работе я себе установил такой же, стандартный "Commander", который сейчас и демонстрирую вам.

Рисунок 3 - Запуск "Total Commander" без регистрации

Найдите у себя какой-нибудь текстовый файл, а я открою тот же самый клавишей "F4", чтобы показать различия. Точнее, покажу, с чего всё, как правило, начинается. Узнаёте? Это же обычный блокнот! Тот самый, в котором я провёл два предыдущих урока по "Vue.js" (Рисунок 4).

Рисунок 4 - Представление кода в обычном блокноте

Качаем далее "Notepad++". У него тоже есть свой стабильный сайт "https://notepad-plus-plus.org". Если переходить на страничку закачки напрямую, то "https://notepad-plus-plus.org/download/v7.5.8.html". И вы правильно догадались, что на момент составления публикации, актуальной была версия 7.5.8. Работаем с ней. Закачиваем. Установка аналогичная через пошаговый интерфейс без лишних сложностей. Даже предложит запуститься после установки и выдаст информацию об обновлениях, выполненных разработчиками в текущей версии программы (Рисунок 5).

Рисунок 5 - Открытый впервые на компьютере "Notepad++"

Что же, давайте объединим оба программных продукта, попавших в наши операционные системы. В "Total Commander"’е заходим в меню "Конфигурация" и выбираем в нём пункт "Настройка..." (Рисунок 6).

Рисунок 6 - Переход к настройкам "Total Commander"'а

В раскрывшемся диалоговом окне находим группу настроек "Правка/просмотр" (Рисунок 7).

Рисунок 7 - Стандартные параметры правки/просмотра в "Total Commander"'е

Интересует нас правка, которая активизируется по нажатии клавиши "F4". Заменим тот самый стандартный "notepad.exe" на "notepad++.exe". Для этого нажмём на кнопку с изображённой на ней двойной стрелкой ">>". Откроется диалоговое окно выбора файла. В нём нужно указать путь к "notepad++.exe" (Рисунок 8). У меня путь полностью выглядит следующим образом "C:\Program Files\Notepad++\notepad++.exe" (он может отличаться), что само собой отобразилось в окне настроек "Commander"'а (Рисунок 9). Подтверждаем.

Рисунок 8 - Подключение "Notepad++" к "Total Commander"'у

Рисунок 9 - Проверка подключения "Notepad++" к "Total Commander"'у

Проверим сопряжение всё на том же текстовом файле и… Красота! "Notepad++" даже мощнее, чем "Notepad2" выглядит. Не так ли? Обратите внимание, что фрагменты отлаженного кода здесь можно сворачивать и не просматривать. Также присутствуют вертикальные отступы, которые делают (и заставляют составителя делать) код более читаемым и удобным (Рисунок 10).

Рисунок 10 - Просмотр кода в "Notepad++"

А к чему был установлен "Total Commander", в то время, как "Notepad++" способен работать сам по себе? - Так просто удобно и запускать файл на исполнение оттуда и, одновременно, в случае необходимости, его корректировать. Не жалейте. Позже увидите, что всё было проделано не зря.

Серия сообщений "Vue.js":
Часть 1 - ПЛАГИН -xBASEVIEW- ДЛЯ -TOTAL COMMANDER-. ВВЕДЕНИЕ
Часть 2 - JSON TEST
Часть 3 - ФРЕЙМВОРК VUE.JS. С ЧЕГО НАЧАТЬ. РАБОЧИЙ ПРИМЕР
Часть 4 - АВТОМАТИЗИРУЕМ СОСТАВЛЕНИЕ СПИСКОВ С VUE.JS. ПРИМЕРЫ
Часть 5 - ДЕЛАЕМ ПРОГРАММИРОВАНИЕ СО VUE.JS УДОБНЕЕ И ПРИЯТНЕЕ
Часть 6 - УЧЕБНО-МЕТОДИЧЕСКОЕ