Visual studio не меняется код
У меня возникла проблема, при которой VSCode распознает мое включение zipper.h, а затем неожиданно перевернуло меня и сказало, что такого файла или каталога нет. Я не уверен, если это проблема с моим кодом или включает или против кода.
Я попытался добавить его как к моему пути включения, так и к пути среды Windows. это продолжает терпеть неудачу по той же самой причине. Я очень смущен тем, что я делаю неправильно. Разве это не признание этих ссылок? Должен ли я компилировать библиотеки через g ++ при компиляции?
2 ответа
Вы ничего не сказали своему компилятору ни о файле с именем Zipper.h, ни о том, где он находится, ни о чем-либо связанном с ним. «g ++ test.cpp -o test» просто указывает компилятору скомпилировать исходный файл с именем test.cpp и связать его. Вы должны понимать, что код Visual Studio не является IDE и не может компилироваться сам по себе. У вас должен быть файл c_cpp_properties.json, расположенный в вашем каталоге .vscode. Например, тот, который я использую, выглядит так и настроен для mingw64.
Это сообщает Visual Studio Code, где находятся ваши исходные файлы и библиотеки. Это то, что используется для IntelliSense (подсветка синтаксиса, исправление ошибок, завершение кода и т. Д.). Однако это не имеет ничего общего с созданием вашего проекта. Ваш компилятор теперь не знает о пути включения, который вы задали в коде Visual Studio. Таким образом, чтобы скомпилировать ваш проект, вы должны рассказать своему компилятору все, что ему нужно знать. Visual Studio Code просто выполняет то, что вы указываете в задаче. Это то же самое, что перейти в этот каталог и ввести то же самое в командной строке. Поэтому я рекомендую вам прочитать о том, как скомпилировать проект c ++ с помощью g ++, ваша проблема вообще не связана с кодом Visual Studio. Если вы планируете заняться чем-то большим, чем просто один исходный файл, я настоятельно рекомендую вам изучить CMake. Компиляция путем ручного вызова gcc get становится действительно сложной, если у вас есть больше исходных файлов и включает / библиотеки для ссылок. После того, как вы настроили свой Cmake, вы можете просто указать задачу в коде Visual Studio, подобную этой, для создания своего проекта:
Это действительно хорошее объяснение того, что именно вы пытаетесь сделать в Microsoft, и помогло мне понять это, когда я начал использовать Visual Studio Code для своей работы на c ++.
Visual Studio Code — один из самых популярных редакторов кода. Многие разработчики предпочитают его, так как он удобен в использовании и содержит множество полезных расширений, с помощью которых легко оптимизировать работу.
Полезные плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы. Чтобы установить расширения, необходимо перейти во вкладку «Extensions» и с помощью поиска найти нужный плагин.
Сделали подборку популярных и полезных плагинов VS Code.
Emmet
Помогает ускорить вёрстку. С помощью ! и tab можно создать базовую структуру кода за 1 секунду, либо быстро создать вложенные теги.
Много разных фишек, с которыми можно разобраться и ускорить процесс работы. Поддержка emmet встроена прямо в редактор, устанавливать не нужно.
Material Theme
Приятная тема для редактора с разными акцентными цветами.
Live Server
Чтобы сразу увидеть результат работы. Нужно навести на строчку кода, нажать на правую кнопку мыши, выбрать «Open with Live Server» и в браузере отобразится страница, которая автоматически будет перезагружаться.
Это очень удобно, так как любые изменения будут отображаться без обновления страницы. Не забывайте отключать плагин с помощью «Stop Live Server»
CSS Peek
Показывает всплывающее окошко с CSS во время работы над HTML. Это упрощает работу и позволяет не искать нужное свойство среди множества классов в большом CSS-файле.
Bracket pair colorizer
Окрашивает открывающие и закрывающие скобки в определённые цвета, что минимизирует количество ошибок и позволяет быстрее разобраться в коде.
Prettier — code formatter
Приводит любой код в нормальный вид за считанные секунды. Комбинация Ctrl+Shift+P отформатирует документ и задаст структуру коду.
Auto rename tag
Удобен для переименования тегов в HTML. Если тег повторяется, при замене одного с помощью плагина, все другие будут переименованы автоматически.
Path autocomplete
Показывает возможный путь к файлу в кавычках. Не нужно искать папку вручную, путь будет предложен автоматически.
HTML CSS Support
Если вы используете много классов и тегов, могут возникнуть ошибки при их написании. Плагин автоматически дополняет название ID или HTML-атрибута для определений, найденных в рабочей области, на которые ссылается link.
Используйте эти плагины на курсе по вёрстке сайтов
Запишитесь на ближайший поток курса «HTML и CSS. Профессиональная вёрстка сайтов», чтобы попробовать всё на практике.
Форматирование кода доступно в Visual Studio Code с помощью следующих ярлыков:
- В Windows Shift + Alt + F
- На Mac Shift + Option + F
- В Ubuntu Ctrl + Shift + I
Кроме того, вы можете найти ярлык, а также другие ярлыки, с помощью функции поиска, предоставленной в редакторе с помощью Ctrl + Shift + P (или Command + Shift + P на Mac), а затем поиск формат документа.
Ответ 2
Ярлык форматирования кода:
Код Visual Studio в Windows - Shift + Alt + F
Код Visual Studio в MacOS - Shift + Option + F
Код Visual Studio в Ubuntu - Ctrl + Shift + I
Вы также можете настроить этот ярлык, используя настройки предпочтений, если это необходимо.
Форматирование кода при сохранении файла:
Visual Studio Code позволяет пользователю настраивать параметры по умолчанию.
Если вы хотите автоматически отформатировать содержимое во время сохранения, добавьте приведенный ниже фрагмент кода в настройках рабочего пространства кода Visual Studio.
Файл меню → Настройки → Настройки рабочего пространства
Примечание: теперь вы можете автоматически форматировать файлы TypeScript. Проверьте мое обновление.
Ответ 3
Вы можете добавить связывание клавиш в меню Файл → Настройки → Сочетания клавиш.
Или Visual Studio, как:
Ответ 4
- Щелкните правой кнопкой мыши файл
- Выберите "Формат документа" ( Alt + Shift + F или Alt + Shift + I в Linux) из окна меню.
Ответ 5
Правильная комбинация клавиш - Shift + Alt + F .
Ответ 6
Также обратите внимание, что на сегодняшний день форматирование доступно для следующих языков:
Ответ 7
- Нажмите File → Preferences → Keyboard shortcuts .
- В разделе " Default Keyboard Shortcuts найдите ( Ctrl + F ) editor.action.format .
Мой читал "key": "ctrl+shift+i"
Вы также можете изменить это. Обратитесь к этому ответу о том, как. или если вам немного лень прокручивать вверх:
Вы можете добавить связывание клавиш в "Preferences-> Сочетания клавиш"
Или Visual Studio, как:
Обратите внимание: клавиша cmd предназначена только для компьютеров Mac. Для Windows и Fedora (клавиатура Windows) используйте Ctrl
РЕДАКТИРОВАТЬ:
Согласно Visual Code версии 1.28.2 это то, что я нашел.
editor.action.format больше не существует. Теперь он был заменен editor.action.formatDocument и editor.action.formatSelection .
Введите editor.action.format в поле поиска, чтобы просмотреть существующие ярлыки.
Чтобы изменить комбинации клавиш, выполните следующие действия:
- Нажмите editor.action.formatDocument или editor.action.formatSelection
- Слева появляется значок, похожий на перо - щелкните по нему.
- Появится всплывающее окно. Нажмите нужную комбинацию клавиш и нажмите ввод.
Ответ 8
В Linux это Ctrl + Shift + I .
В Windows это Alt + Shift + F , Протестировано с HTML/CSS/JavaScript и Visual Studio Code 1.18.0.
Для других языков вам может потребоваться установить определенный языковой пакет.
Ответ 9
Visual Studio Code 1.6.1 поддерживает функцию "Форматировать при сохранении", которая автоматически выбирает соответствующие установленные расширения форматирования и форматирует весь документ при каждом сохранении.
Включите "Формат при сохранении", установив
И есть доступные сочетания клавиш (Visual Studio Code 1.7 и выше):
Отформатируйте весь документ: Shift + Alt + F
Только выбор формата: Ctrl + K , Ctrl + F
Ответ 10
На Ubuntu это Ctrl + Shift + I .
Ответ 11
Просто щелкните правой кнопкой мыши по тексту и выберите "Формат кода".
Visual Studio Code использует js-beautify внутри, но ему не хватает возможности изменить стиль, который вы хотите использовать. Расширение "украсить" позволяет добавлять настройки.
Ответ 12
По какой-то причине Alt + Shift + F у меня не работали в Mac Visual Studio Code 1.3.1, и фактически команда "Форматировать документ" вообще не работала. Но команда Formatter сработала очень хорошо.
Таким образом, вы можете использовать Command + Shift + P и набрать Formatter или создать свой собственный ярлык в меню Файл → Настройки → Сочетания клавиш → Command + K Command + S , затем ввести Formatter и Добавьте свой ярлык.
Ответ 13
Shift + Alt + F отлично справляются со своей задачей в 1.17.2 и выше.
Ответ 14
Форматирование кода в Visual Studio.
Я пытался отформатировать в Windows 8.
Просто следуйте скриншотам ниже.
Нажмите "Вид" в верхней строке меню, а затем нажмите "Палитра команд".
Тогда появится текстовое поле, где нам нужно типа Формат
Ответ 15
В коде Visual Studio Shift + Alt + F делает то, что делает Ctrl + K + D в Visual Studio.
Ответ 16
До того, как я установил Mono, ярлык автоформатирования ( Shift + Alt + F ) работал только для файлов .json .
Ответ 17
На Mac у меня работает Shift + Alt + F .
Вы всегда можете проверить привязки клавиш в меню:
Файл меню → Настройки → Сочетания клавиш и фильтр по ключевому слову "формат".
Ответ 18
Файл меню & rarr; Настройки & rarr; Настройки
Когда вы вводите точку с запятой, она будет отформатирована.
В качестве альтернативы вы также можете использовать "editor.formatOnSave": true .
Ответ 19
Уровень рабочего пространства
Выгоды
- Не требует расширения
- Может быть разделен между командами
Результаты
- .vscode/settings.json создается в корневой папке проекта
Как?
Перейдите: Файл меню → Настройки → Настройки рабочего пространства.
Добавьте и сохраните "editor.formatOnType": true в settings.json (который переопределяет поведение по умолчанию для проекта, над которым вы работаете, создавая файл .vscode/settings.json).
Уровень пользовательской среды
Выгоды
- Не требует расширения
- Личная среда разработки настраивается, чтобы управлять ими всеми (настройки :))
Результаты
- Пользователь settings.json изменен (см. Расположение в зависимости от операционной системы ниже)
Как?
Перейдите: меню Файл → Настройки → Настройки пользователя.
Добавьте или измените значение "editor.formatOnType": false на "editor.formatOnType": true в пользовательских настройках .json
Ваше местоположение пользователя settings.json кода Visual Studio:
Расположение файла настроек в зависимости от вашей платформы, файл настроек пользователя находится здесь:
- Windows: %APPDATA%\Code\User\settings.json
- Mac: $HOME/Library/Application Support/Code/User/settings.json
- Linux: $HOME/.config/Code/User/settings.json Файл $HOME/.config/Code/User/settings.json рабочей области находится в папке .vscode в вашем проекте.
Более подробную информацию можно найти здесь.
Ответ 20
В ключевых привязках существует формат Shift + Alt + f
но для С++ он не работает (как и 16 мая), поэтому теперь переключился на net beans.
Ответ 21
По умолчанию этот ключ не работал для меня в документах HTML, CSS и JavaScript.
После поиска я нашел популярный плагин JS-CSS-HTML Formatter с 133 796 установками.
После установки просто перезагрузите окна и нажмите Ctrl + Shift + F , и это сработало!
Ответ 22
Выделите текст, щелкните правой кнопкой мыши на выделении и выберите опцию "Палитра команд":
Откроется новое окно. Ищите "формат" и выберите вариант, форматирование которого соответствует требованию.
Ответ 23
Просто установите Visual Studio Keymap от Microsoft. Задача решена. :п
Ответ 24
В Mac используйте ⌘ + K , а затем ⌘ + F .
Ответ 25
Простейший способ, которым я пользуюсь в Visual Studio Code (Ubuntu):
Выделите текст, который вы хотите отформатировать с помощью мыши.
Щелкните правой кнопкой мыши и выберите "Выбор формата".
Ответ 26
Если вы хотите настроить стиль форматированного документа, вы должны использовать расширение Украсить.
Обратитесь к этому снимку экрана:
Ответ 27
Для тех, кто хочет настроить файлы JavaScript для форматирования, вы можете использовать любое расширение в свойстве JSfiles . То же самое относится и к HTML.
Это включит украшение при сохранении для TypeScript, и вы можете добавить XML в опцию HTML.
Ответ 28
Форматирование не будет доступно, пока вы не установили соответствующий плагин и не сохранили файл с соответствующим расширением.
Ответ 29
Не этот. Использовать этот:
Файл меню → Настройки → Настройки рабочего пространства, "editor.formatOnType": true
Ответ 30
Включает автоматическое форматирование кода при сохранении файла.
Запустите Visual Studio Code и Quick Open ( Ctrl + P ), вставьте следующую команду и нажмите Enter .
Visual Studio Code – это один из наиболее популярных редакторов кода, разработанный корпорацией Microsoft. Он распространяется в бесплатном доступе и поддерживается всеми актуальными операционными системами: Windows, Linux и macOS. VS Code представляет собой обычный текстовый редактор с возможностью подключения различных плагинов, что дает возможность работать со всевозможными языками программирования для разработки любого IT-продукта.
Несмотря на столь высокую популярность программы, ее функционал до сих пор остается не таким очевидным, из-за чего многие пользователи предпочитают продукт конкурента, нежели VS Code. Чтобы решить все проблемы, возникающие при работе с Visual Studio Code, рекомендую ознакомиться с подробным гайдом по настройке этого редактора кода. В нем я покажу, что VS Code – это мощный инструмент, которым может пользоваться каждый.
Установка Visual Studio Code
С установкой среды не должно возникнуть никаких проблем, но давайте все же проведем небольшой ликбез. Выполним несколько действий:
- Переходим на официальный сайт и загружаем установочный файл.
- Следующим шагом запускаем установочник и ставим редактор кода на компьютер. В блоке «Выберите дополнительные задачи» рекомендую отметить два пункта, позволяющие запускать файлы через выпадающее меню – так вы сможете быстро открыть код в VS Code.
На этом установка завершена. Теперь мы можем использовать редактор кода по назначению. Обычно с этим не должно возникнуть никаких проблем, однако на слабых машинах запуск утилиты часто прерывается. Вылечить такой недуг можно с помощью добавления нового значения к пути ярлыка. Для этого откроем его свойства через правый клик мыши и в графе «Объект» пропишем --disable-gpu.
Готово! Теперь программа должна работать на любом компьютере.
Интерфейс Visual Studio Code
При первом запуске перед нами отобразится окно приветствия, через которое можно получить быстрый доступ к ранее запущенным проектам либо создать новые. Весь интерфейс на английском языке (всего в несколько кликов он переводится на русский, но об этом чуть позже). Давайте пока разберемся с интерфейсом: откроем для примера файл с кодом, посмотрим, как его идентифицирует программа без предварительных настроек, и разберем каждый блок утилиты.
Запустить файл с кодом мы можем через правый клик мыши -> Открыть с помощью Code. Файл можно открыть и в программе: для этого в верхнем правом углу выбираем «File» и жмем «Open File…». После этого переходим в нужную директорию и выбираем файл.
В результате перед нами отобразится окно с кодом из файла. Давайте визуально разделим интерфейс на блоки и рассмотрим каждый из них более детально.
Первое, что бросается в глаза, – это блок кода, для которого отведено больше всего места. Название функций и прочее подсвечено разными цветами. Здесь же указан путь до файла, а чуть выше расположены вкладки-файлы, по которым можно перемещаться. С помощью них мы можем добавлять не просто один файл с кодом, а целый проект.
Следующий блок – левая панель управления, включающая в себя 5 основных вкладок: «Проводник», «Поиск», «Система управления версиями», «Запуск кода» и «Расширения». Первая предоставляет пользователю возможность просматривать содержимое проекта и быстро перемещаться внутри него.
Вторая вкладка – поиск. Используется для нахождения слов в документе. Он также может быть запущен с помощью комбинации клавиш «CTRL+SHIFT+F». Алгоритм использования довольно прост – вводим название в поиск и смотрим результат.
Система управления версиями – предназначена для взаимодействия с git.
Запустить и проверить работоспособность кода мы можем в следующей вкладке:
Еще одна важная вкладка, с помощью которой из Visual Studio Code можно сделать функциональную утилиту, это «Расширения». В ней находятся установочники для всех популярных инструментов, используемых разработчиками.
Следующий блок – нижний статус-бар. В нем отображается общая информация о состоянии программы. Обратите внимание, что VS Code автоматически определяет язык программирования и информирует нас об этом.
И еще один раздел – правая панель, включающая в себя небольшой дисплей, который отображает код в уменьшенном варианте, а также позволяет удобно скроллить внутри него. Здесь же мы можем разделить окно кода на несколько столбцов, а также закрыть все файлы одним кликом – для этого используются две верхние кнопки.
Как видите, если пройтись по интерфейсу программы, то она уже не кажется такой сложной. Чтобы сделать все еще проще, давайте проведем русификацию всех элементов интерфейса. О том, как это сделать, поговорим далее.
Русификация Visual Studio Code
Чтобы провести русификацию программы, открываем вкладку с расширениями и прописываем запрос vscode-language-pack-ru. В результате будет отображен новый элемент с кнопкой «Install» – кликаем по ней и ожидаем завершения установки.
Перезагружаем программу и смотрим, что язык интерфейса был изменен на русский:
Если вы захотите вернуть англоязычный интерфейс, для этого потребуется открыть раздел с плагинами и удалить установленный пакет с русским языком.
Внешний вид
Мы можем полностью изменить цветовую схему утилиты. Чтобы это сделать, воспользуемся комбинацией клавиш «CTRL+SHIFT+P» и введем запрос «theme». В отобразившемся списке выберем «Параметры: Цветовая тема».
В результате отобразится список возможных тем – для примера возьмем солнечную тему.
После применения темы интерфейс примет следующий вид:
Обратите внимание, что это не весь список тем – вы можете установить и другие. Для этого пролистайте в самый низ списка и выберите «Установить дополнительные цветовые темы…». После этого в левой части отобразится дополнительный блок с доступными цветовыми решениями.
Вот так мы можем изменить внешний вид программы. Теперь давайте перейдем к техническим моментам и рассмотрим работу наиболее важных плагинов.
Управление проектами
По умолчанию Visual Studio Code поддерживает работу с несколькими проектами, однако перемещаться между ними не очень удобно. Для удобства обычно используют плагин под названием Project Manager. С его помощью открывается возможность перемещения между рабочими областями всего в один клик. Установка проходит через магазин расширений, о котором мы говорили ранее. После того как менеджер проектов будет установлен, в левой панели управления появится новая вкладка для работы с плагином.
Теперь работа с проектами не должна вызывать никаких трудностей.
Автоформатирование кода
Один из важных этапов программирования – умение приводить все к единому виду с правильными отступами. Для таких задач в VS Code есть специальные плагины, позволяющие форматировать весь текстовый документ. Это такие расширения, как PHP-CS-Fixer для PHP, Prettier для JS/HTML/CSS и другие.
Рассмотрим, как форматируется код, написанный на JavaScript:
- Возьмем для примера функцию, отступы в которой выстроены случайным образом.
- Устанавливаем плагин Prettier через магазин расширений и открываем документ, который нужно отформатировать. Зажимаем комбинацию клавиш «CTRL+SHIFT+P» и вводим запрос «Format Document».
- Смотрим на код и видим, что он преобразился и принял аккуратный вид.
Аналогичным образом мы можем отформатировать код, написанный на других языках программирования. Для этого достаточно установить нужное расширение.
Автодополнение
В популярных программах, подобных Visual Studio, встроена функция автодополнения, помогающая завершить код. Например, вы пишите строчку кода, а среда подсказывает, как ее завершить. С помощью этой опции можно не только вспомнить нужную функцию, но и быстро написать код.
По умолчанию функция автодополнения в Visual Studio Code доступна только для некоторых языков. Для прочих языков программирования существуют дополнительные пакеты с окончанием «intellisense».
Посмотреть, какие пакеты доступны, вы можете в магазине плагинов.
Рекомендую установить PHP Intellisense, CSS Intellisense и Path Intellisense.
Управление Vim
Vim – это свободный текстовый редактор, работающий на основе vi. По умолчанию он установлен на каждой операционной системе семейства Unix. Кроме того, он доступен и в Visual Studio Code. Для работы с ним потребуется установить расширение с аналогичным названием:
Теперь мы можем перемещаться по файлу клавишами h, j, k, l, использовать Esc и сохранять файл командой :w.
Отладка кода
Для того чтобы запустить код в VS Code, нам нужно воспользоваться одним из расширений. Например, для JavaScript подойдет Debugger for Chrome. Узнать, какое расширение необходимо для конкретного языка, можно через «Выполнить» -> «Установить дополнительные отладчики…».
В результате в левой части окна будет отображен список доступных плагинов – найдите в нем подходящий для вас и следуйте инструкции.
После того как нужный плагин будет установлен, можно запускать отладку кода. Для этого достаточно открыть пункт «Выполнить» и нажать на кнопку «Запустить отладку». Также это можно сделать с помощью клавиши «F5».
С помощью плагинов мы можем отладить код, написанный на любом языке программирования.
Заключение
Сегодня мы разобрали функционал инструмента Visual Studio Code. Данная среда хороша не только для профессионалов, но и для новичков, изучающих основы программирования. Одно из преимуществ программы – это минимальное требование к железу: запустить программу можно практически на любом компьютере.
Надеюсь, что работа в VS Code больше не будет для вас проблемой, а активные проекты ждет успех. Удачи!
Читайте также: