Начать отладку программы можно при помощи клавиши

Ошибки могут (будут) возникать, всякий раз, когда вы пишите новый программный код.

Отладка кода

Программный код может содержать синтаксические или логические ошибки.

Многие ошибки трудно диагностировать.

Часто бывает так, что в коде есть ошибки, но нет никаких проявлений. Нет никаких сообщений об ошибках, и нет никаких указаний на то, где эти ошибки искать.

Процесс поиска (и исправления) ошибок в программном коде называется отладкой кода.

Отладка — непростой процесс. К счастью, у всех современных браузеров есть встроенный отладчик JavaScript скриптов.

Встроенные отладчики можно включить или отключить, отслеживая ход выполнения программы и сообщая пользователю об ошибках.

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

Обычно, чтобы начать отладку, достаточно в браузере активировать встроенный отладчик нажав клавишу F12 и в меню отладчика выбрать пункт «Консоль» («Console»). Ниже будут показаны другие способы включения отладчика в разных браузерах.

Уроки C# – Нажатие клавиш в программе, событие на нажимаемые кнопки, KeyDown, KeyPreview – C#

Метод console.log()

Если ваш браузер поддерживает отладку кода, то вы можете использовать команду console.log(), чтобы вывести отслеживаемые значения в окне отладчика:

Моя первая веб-страница

a = 5; b = 6; c = a + b; console.log(c);

Установка точек остановки

В окне отладчика можно задавать точки остановки в коде JavaScript.

В каждой точке остановки JavaScript будет останавливать выполнение скрипта, предоставляя возможность проверять различные значения JavaScript.

Когда проверка значений будет закончена, вы можете продолжить выполнение скрипта (обычно при помощи кнопки Продолжить).

Ключевое слово debugger

Ключевое слово debugger останавливает выполнение скрипта JavaScript и вызывает (если есть) функцию отладки.

У этого ключевого слова то же действие, что и у точек остановки в окне отладчика.

Если отладка не доступна, то выражение debugger ничего не делает.

В следующем примере, если отладчик включен, то выполнение кода будет остановлено перед выполнением третьей строки:

var x = 15 * 5; debugger; document.getElementById(«demo»).innerHTML = x;

Инструменты отладки основных браузеров

Обычно, чтобы начать отладку, достаточно в браузере нажать клавишу F12 и в меню отладчика выбрать пункт «Консоль» («Console»).

Иначе, чтобы начать отладку, проделайте следующее:

• Запустите браузер.
• В меню, выберите Дополнительные инструменты.
• Затем выберите Инструменты разработчика.
• Наконец, выберите Console.

• Запустите браузер.
• Перейдите на страницу http://www.getfirebug.com
• В соответствии с инструкцией установите Firebug

• Запустите браузер.
• В меню, выберите Средства разработчика.
• Наконец, выберите Консоль.

• Запустите браузер.
• Перейдите на страницу http://dev.opera.com
• В соответствии с инструкцией установите кнопку Консоль разработчика (Developer Console) на панель инструментов.

• Запустите браузер.
• Перейдите на страницу http://safari-extensions.apple.com
• В соответствии с инструкцией установите Firebug Lite.

Источник: msiter.ru

3 лучших приложения для вывода экрана смартфона на монитор ПК с управлением мышкой и клавиатурой

VS Code отладка программы на C / C ++

Запишите основной процесс отладки программ C / C ++ с помощью VS Code, чтобы углубить понимание построения, компиляции и компоновки проекта. По моему собственному опыту, он не подходит для использования в реальных проектах.Если у меня нет глубокого понимания конструкции проекта make-файла и цепочек инструментов, связанных с C / C ++, его трудно контролировать.

Создание среды отладки VS Code C / C ++

Согласно «Справочнику 1» для создания среды отладки VS Code C / C ++, общий процесс выглядит следующим образом:

1. Установить VS CODE
   VSCODE — это бесплатная платформа Microsoft для кроссплатформенной разработки, которую можно загрузить и установить с ее официального сайта;
2. Установите подключаемый модуль Microsoft C / C ++
3. Откройте VS Code.
4. Щелкните значок расширения на левой панели инструментов.
5. Найдите c ++.
6. Нажмите Install, перезапустите VSCODE после soft.

   После установки подключаемого модуля, когда вы откроете папку, содержащую исходный код C / C ++, VSCODE автоматически добавит подкаталог, содержащий файл настроек. Vscode

Обратите внимание, что подключаемый модуль C / C ++ от Microsoft не включает компилятор и отладчик C ++. Их необходимо установить самостоятельно. Обычно используемые компиляторы C ++ включают mingw-w64 под Windows, Clang для XCode под macOS и GCC под linux, Windows Необходимо добавить адрес установки цепочки инструментов в переменную среды PATH.

1. Настроить IntelliSense
   После открытия соответствующей папки подключаемый модуль Microsoft C / C ++ попытается предоставить базовую конфигурацию в соответствии с компилятором системы. Если конфигурация не удалась, вам необходимо самостоятельно сгенерировать файл конфигурации c_cpp_properties.json. Методы, указанные ниже:

• Откройте командную панель (Ctrl + Shift + P или меню [View] -> [Command Panel])
• Выполните команду C / Cpp: Edit configurations .
• Сгенерируйте c_cpp_properties.json, файл конфигурации сохраняется в папке .vscode
  Ниже приведен файл конфигурации по умолчанию c_cpp_properties.json, созданный компилятором MinGW C ++ под Windows.

< «configurations»: [ < «name»: «Win32», «includePath»: [ «$/**» ], «defines»: [ «_DEBUG», «UNICODE», «_UNICODE» ], «windowsSdkVersion»: «», «compilerPath»: «C:\MinGW\bin\gcc.exe», «cStandard»: «c11», «cppStandard»: «c++17», «intelliSenseMode»: «clang-x64» > ], «version»: 4 >

1. Код сборки
   Если вы хотите создать код, вам необходимо настроить файл task.json:
2. Откройте командную панель (Ctrl + Shift + P или меню [View] -> [Command Panel])
3. Выберите команду Tasks: Configure Tasks . щелкните, чтобы создать файл tasks.json, вы увидите серию шаблонов запуска задач.
4. Выбрать шаблон Другое: Примеры запуска произвольных внешних команд
5. Измените выражение командной строки для построения кода, например g ++
6. Добавьте необходимые аргументы (например, -g для отладки)
7. Измените метку, чтобы сделать ее описательной
   пример кода tasks.json, как показано ниже:

Если вы хотите собрать код через меню [Задачи] -> [Выполнить задачу сборки . ] или с помощью сочетания клавиш (Ctrl + shift + B), вам нужно добавить групповую сборку в файл tasks.json прямо сейчас, как показано ниже, чтобы вы могли собрать код Создайте исполняемый файл:

1. Код отладки
   отладки, вам необходимо сгенерировать файл launch.json:
2. Щелкните значок отладки на левой панели инструментов.
3. В представлении отладки щелкните значок Настроить
4. Выберите C ++ (GDB / LLDB), чтобы создать файл launch.json, есть два элемента конфигурации
5. C ++ Launch определяет свойства, когда вы начинаете отладку и загружаете приложение.
6. C ++ Attach определяет присоединенные свойства запущенного процесса
7. Обновите атрибуты программы, добавьте свой каталог отладки
8. Если вы хотите создать свой собственный код перед отладкой, вам необходимо добавить атрибут preLaunchTask, содержимое которого является меткой задачи, только что созданной в task.json (например, предыдущий «build hello world»)
   Ниже приводится содержимое файла конфигурации launch.json с использованием отладчика MinGW GDB:

< «version»: «0.2.0», «configurations»: [ < «name»: «(gdb) Launch», «type»: «cppdbg», «request»: «launch», «program»: «$/a.exe», «args»: [], «stopAtEntry»: false, «cwd»: «$», «environment»: [], «externalConsole»: true, «MIMode»: «gdb», «miDebuggerPath»: «C:\mingw\bin\gdb.exe», «setupCommands»: [ < «description»: «Enable pretty-printing for gdb», «text»: «-enable-pretty-printing», «ignoreFailures»: true >], «preLaunchTask»: «build hello world» > ] >

На этом этапе щелкните значок отладки на левой панели инструментов, а затем щелкните зеленый значок запуска, чтобы построить код -> программа отладки. В этот момент вы можете увидеть «привет, мир» в терминале!

Отладка простой программы на C / C ++

Теория без практики — это замок в небе.

1. Создать и открыть исходную файловую структуру

• Создать новый каталог ex
• Создайте в каталоге новый файл hello.cpp следующим образом:

#include int main(int argc, char const *argv[])

• Откройте VSCODE, [Файл] -> [Открыть папку], чтобы открыть папку.

1. Настроить IntelliSense
   Откройте панель команд (Ctrl + Shift + P или меню [View] -> [Command Panel]), запустите команду C / Cpp: Edit configurations . для создания c_cpp_properties.json, Файл конфигурации сохраняется в папке .vscode. Ниже приведен файл конфигурации по умолчанию c_cpp_properties.json, созданный компилятором GCC под Linux:

< «configurations»: [ < «name»: «Linux», «includePath»: [ «$/**» ], «defines»: [], «compilerPath»: «/usr/bin/clang++-3.5», «cStandard»: «c11», «cppStandard»: «c++17», «intelliSenseMode»: «clang-x64» > ], «version»: 4 >

Следует обратить внимание на две вещи: «includePath» — это каталог включенных файлов, установленный в соответствии со структурой исходного кода, потому что исходный код — это просто файл hello.cpp, устанавливать не нужно, значение по умолчанию ОК; «compilerPath» — это каталог компилятора, согласно Необходимо изменить

1. Код сборки

• Создайте новую задачу сборки.Роль этой задачи заключается в предоставлении сценария для компиляции ссылок.Личное понимание, после выполнения этой задачи целевой файл будет сгенерирован в локальном каталоге.
• Меню [Задачи] -> [Выполнить задачу сборки . ], вам будет предложено, что задача сборки не найдена, вам нужно настроить задачу сборки, вы можете только выполнить задачу, следуя инструкциям, создайте файл конфигурации задачи сборки с другими в качестве шаблона tasks.json выглядит следующим образом:

< «version»: «2.0.0», «tasks»: [ < «label»: «build hello», // дайте имя, которое вам нравится «type»: «shell», «command»: «g ++», // скомпилированная команда «args»: [// Параметры команды компиляции, будет ли она отключена, зависит от того, используются ли эти команды компиляции «-g», «ex.cpp», «-o», «qb.out» ], // Выше приведено содержимое файла конфигурации задачи Build tasks.json с Others в качестве шаблона // В меню [Tasks] ->[Run Build Task . ] он по-прежнему сообщает, что в проекте build hello нет задачи сборки. Следуйте инструкциям по настройке, чтобы сгенерировать следующее содержимое конфигурации «group»: < «kind»: «build», «isDefault»: true >> ] >

• Меню [Задачи] -> [Запустить задачу сборки . ], выполнить задачу компиляции ссылки, настроенной выше, фактически выполняется команда компиляции

g++ -g ex.cpp -o qb.out
В это время сгенерированный целевой файл qb.out можно найти в каталоге

1. Код отладки

• Щелкните значок отладки на левой панели инструментов -> значок «Настроить» -> выберите C ++ (GDB / LLDB), чтобы сгенерировать файл launch.json,

< «version»: «0.2.0», «configurations»: [ < «name»: «(gdb) Launch», «type»: «cppdbg», «request»: «launch», «program»: «$ /qb.out», // выходной файл «args»: [], «stopAtEntry»: false, // Следует ли останавливаться на входе программы при запуске отладки «cwd»: «$», «environment»: [], «externalConsole»: true, «MIMode»: «gdb», // Команда отладки «setupCommands»: [ < «description»: «Enable pretty-printing for gdb», «text»: «-enable-pretty-printing», «ignoreFailures»: true >], // Следующее — еще одно дополнение, которое является задачей перед отладкой. Определение ниже представляет собой задачу сборки, определенную ранее «preLaunchTask»: «build hello» > ] >

• Щелкните зеленый значок запуска для отладки, ОК!

Отладка программ C / C ++, созданная Makefile

VS Code взаимодействует с Makefile для улучшения переносимости проектов C / C ++. Идея этого решения такова: используйте Makefile для сборки проекта, VS Code вызывает инструмент make через Tasks для компиляции и вызывает gdb для отладки. Преимущество заключается в том, что он не слишком сильно зависит от конфигурации самого VS Code.Подходящий Makefile может быть скомпилирован на различных платформах, но удобство, обеспечиваемое собственными плагинами VS Code, можно использовать в процессе разработки, сокращая ввод команд и командные строки. Проблемы, вызванные отладкой GDB.

• Готов к работе
  Подготовьте, например, набор шаблонов Makefilehttps://github.com/TheNetAdmin/Makefile-TemplatesИли вы можете написать набор шаблонов самостоятельно, хороший шаблон Makefile избавит вас от многих проблем;
  Установите инструменты компиляции и сделайте инструменты: особенно в Windows, использование make — проблема. Рекомендуется использовать набор инструментов, предоставляемых msys. Вот пакет для загрузкиhttps://pan.baidu.com/s/1kV5hx3p

1. Сначала соберите Makefile, если нет подходящего, вы можете найти здесь готовые шаблоны
   Вот make-файл:

1. В соответствии с этим Makefile создайте каталог проекта со следующей структурой каталогов

— Project — Makefile -src: все исходные файлы (нельзя помещать в подкаталоги) — add.cpp — add.h — sub.cpp — sub.h — main.cpp — obj -Пустой — debug -Пустой — bin -Пустой

1. Затем внесите некоторые изменения в tasks.json и launch.json VS Code.
   файл tasks.json

< «version»: «0.2.0», «configurations»: [ < «name»: «(gdb) Launch», «type»: «cppdbg», «request»: «launch», // Изменяем путь к новому целевому файлу теста «program»: «$/debug/main», «args»: [], «stopAtEntry»: true, «cwd»: «$», «environment»: [], «externalConsole»: true, «MIMode»: «gdb», //»miDebuggerPath»: «gdb.exe», «setupCommands»: [ < «description»: «Enable pretty-printing for gdb», «text»: «-enable-pretty-printing», «ignoreFailures»: true >], «preLaunchTask»: «build-debug» > ] >

Теперь вы можете использовать инструменты компиляции и отладки в соответствии с шагами, описанными в предыдущем разделе.

Отладка встроенной программы STM32

СправкаИспользуйте VSCode и VS2017 для компиляции и отладки программ STM32, Может быть загружен и запущен, но не может быть отлажен в обычном режиме.

может быть вызвано тем, что JLINK не является подлинным, или он может быть неправильно установлен, поэтому я исправлю его позже.

Источник: russianblogs.com

Горячие клавиши Visual Studio для Windows и Mac

Программирование и разработка

На чтение 6 мин Просмотров 654 Опубликовано 30.08.2022

Visual Studio Code — это легкий, но очень мощный редактор исходного кода, который работает на вашем рабочем столе и доступен для Windows, macOS и Linux. Он поставляется со встроенной поддержкой JavaScript, TypeScript и Node.js и имеет богатую экосистему расширений для других языков и сред выполнения (таких как C++, C#, Java, Python, PHP, Golang ).

Расширения, ярлыки, отладка, настройки, встроенная облачная поддержка, контейнеры, интеграция с Git и т. д. — вот некоторые из немногих голубей в шляпе VS Code. Прежде всего, теперь мы сделаем решающий шаг, чтобы стать опытным пользователем VS Code, то есть привыкнуть к некоторым важным и основным сочетаниям клавиш VS Code и уменьшить использование мыши, чтобы при кодировании это улучшалось. наша производительность и скорость.

Ниже приведены важные сочетания клавиш для VS Code:

Команды

Windows/Linux

MAC

1. Удалить строку

• Windows/Linux: Ctrl + Shift + K
• Mac: Cmd + Shift + K

Быстрое удаление целой строки с помощью одной команды — очень приятное занятие, не так ли? Просто используйте приведенную выше команду, чтобы удалить всю строку, вы можете быть в любом месте строки, это не имеет значения, ниже приведена короткая демонстрация.

2. Копировать строку вверх или вниз

• Windows/Linux: Shift + Alt + Стрелка вверх или Shift + Alt + Стрелка вниз
• Mac: Shift + Opt + Стрелка вверх или Shift + Opt + Стрелка вниз

Много раз нам нужно скопировать одну и ту же строку вверх или вниз, для чего выделение всей строки с помощью мыши, а затем копирование ее вверх или вниз было бы слишком большой работой, мы можем просто использовать приведенную выше команду, чтобы сделать то же самое, ниже короткая демонстрация.

3. Глобальный поиск

• Windows/Linux: Ctrl + Shift + F
• Mac: Cmd + Shift + F

Поиск чего-либо в огромной папке — утомительная задача, чтобы найти что-либо в текущем рабочем каталоге, мы можем использовать приведенную выше команду, ниже приведена короткая демонстрация.

4. Формат документа

• Windows/Linux: Ctrl + Shift + i
• Mac: Cmd + Shift + i

Большую часть времени мы не обращаем внимания на расстояние между отступами и текущий формат для записи на этом конкретном языке, и вы даже не подумали бы форматировать большой файл, здесь нам на помощь приходит ярлык » Формат документа», используйте приведенное выше. данной команды для форматирования вашего файла, вам нужно сначала установить формат по умолчанию, после чего этот ярлык очень полезен, для большинства языков Prettier работает легко, ниже приведена короткая демонстрация.

5. Переключить блок комментариев

• Windows/Linux: Ctrl + Shift + /
• Mac: Cmd + Shift + /

Так же, как комментарий строки, комментарии блока одинаково важны, мы используем указанную выше команду, чтобы инициировать комментарий блока, чтобы раскомментировать, используйте ту же команду, ниже приведена короткая демонстрация.

6. Палитра команд

• Windows/Linux: Ctrl + Shift + P
• Mac: Cmd + Shift + P

Палитра команд — это сердце VS Code, отсюда вы можете получить доступ ко всему внутри VS Code. Просто нажмите нужную команду, чтобы вызвать палитру команд, и введите, какую команду или что вы хотите сделать, это универсальное решение любой проблемы, связанной с поиском чего-либо в коде Vs, ниже приведена короткая демонстрация.

7. Переключить комментарий строки

• Windows/Linux: Ctrl + /
• Mac: Cmd + /

Комментирование на любом языке не требует представления, это очень полезно, поэтому, чтобы прокомментировать строку, просто используйте приведенную выше команду, вам не нужно находиться на самой правой стороне, чтобы прокомментировать строку, вы можете быть где угодно строку и нажмите нужную команду, чтобы закомментировать строку, чтобы раскомментировать, используйте ту же команду, ниже приведена короткая демонстрация.

8. Триггерное предложение

• Windows/Linux: Ctrl + пробел
• Mac: Cmd + пробел

Иногда, чтобы проверить допустимый параметр и вызвать предложение для следующего ключевого слова, мы можем использовать ярлык » Триггер предложения «, окно предложения занимает слишком большую часть экрана, чтобы быстро отключить его, мы можем использовать указанную выше команду, ниже короткая демонстрация.

9. Переключить боковую панель

• Windows/Linux: Ctrl + B
• Mac: Cmd + B

Иногда боковая панель с десятками файлов и папок может быть пугающей, когда вы хотите сфокусироваться, просто переключите боковую панель, чтобы скрыть ее, нажав нужную команду. Чтобы снова развернуть его, используйте ту же команду, ниже приведена короткая демонстрация.

10. Курсор с множественным выбором

• Windows/Linux: Ctrl + D
• Mac: Cmd + D

Предположим, в файле у нас есть несколько экземпляров переменной, функции или метода, по какой-то причине нам нужно переименовать эту конкретную переменную, функцию или метод, что было бы длительным процессом, а также мы могли бы пропустить некоторые экземпляры, которые были бы ужасный случай, если размер файла огромен.

Multi Select Cursor приходит на помощь в этой ситуации, просто выберите эту переменную, функцию или метод или что-нибудь, что вы хотите переименовать, и нажмите нужную команду, он будет выбирать один экземпляр каждый раз, когда вы вводите команду, после выбора всех экземпляров, которые вы можете переименовать его по вашему желанию, ниже приведена короткая демонстрация.

11. Быстрое открытие

• Windows/Linux: Ctrl + P
• Mac: Cmd + P

Чтобы получить доступ к любому файлу, мы используем быстрое открытие в коде Vs, это позволяет нам быстро получить доступ к файлам внутри текущего рабочего каталога, он показывает ранее использованные файлы в окне предложений после вызова, ниже приведена короткая демонстрация.

Примечание. Вы также можете настроить сочетания клавиш на желаемую комбинацию клавиш. Просто откройте сочетания клавиш в меню настроек и установите нужную комбинацию клавиш для соответствующего сочетания клавиш.

Источник: bestprogrammer.ru