автовыравнивание кода в visual studio code

20 сочетаний клавиш для ускорения работы в VS Code

автовыравнивание кода в visual studio code. 1 ZyIdgVCHw. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1 ZyIdgVCHw. картинка автовыравнивание кода в visual studio code. картинка 1 ZyIdgVCHw. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Не каждый будет изучать все приемы работы в VS Code: их попросту слишком много! В этой статье я перечислил свои любимые сочетания клавиш, позволяющие мне работать быстрее. Надеюсь, они пригодятся и другим людям.

Объединить строку

автовыравнивание кода в visual studio code. 1*UyDM7R7QbTWMiUdWIERoqw. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*UyDM7R7QbTWMiUdWIERoqw. картинка автовыравнивание кода в visual studio code. картинка 1*UyDM7R7QbTWMiUdWIERoqw. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Форматирование кода

автовыравнивание кода в visual studio code. 1*e5rQrZB8WB5g9zzh MNllw. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*e5rQrZB8WB5g9zzh MNllw. картинка автовыравнивание кода в visual studio code. картинка 1*e5rQrZB8WB5g9zzh MNllw. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Это сочетание помогает выровнять код в соответствии с заранее прописанными настройками редактора.

Обрезка множественных пробелов

Данное сочетание клавиш помогает избавиться от лишних пробелов в начале или конце строки.

Совет: применяйте в самом конце, когда завершаете работу над кодом в текущем файле.

автовыравнивание кода в visual studio code. 1*h3XpGuLYp3yTzr F8rw4YA. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*h3XpGuLYp3yTzr F8rw4YA. картинка автовыравнивание кода в visual studio code. картинка 1*h3XpGuLYp3yTzr F8rw4YA. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Есть и альтернативный подход. Можно включить обрезку пробелов в самих настройках:

Также мы добавили новую команду для запуска вручную (Trim Trailing Whitespace в палитре команд).

Если вы используете более новую версию VS Code, после открытия пользовательских настроек вы увидите следующее окно (поставьте галочку, как показано):

автовыравнивание кода в visual studio code. 1 hwesLTI1NVXOmNVhkioMbA. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1 hwesLTI1NVXOmNVhkioMbA. картинка автовыравнивание кода в visual studio code. картинка 1 hwesLTI1NVXOmNVhkioMbA. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Сворачивание блоков кода

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

автовыравнивание кода в visual studio code. 1*cy6XqWvKUFpnIi0YR yOFQ. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*cy6XqWvKUFpnIi0YR yOFQ. картинка автовыравнивание кода в visual studio code. картинка 1*cy6XqWvKUFpnIi0YR yOFQ. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Свернуть внутреннюю область возле курсора вам помогут следующие сочетания клавиш:

Чтобы развернуть, применяйте те же сочетания, но с закрывающей квадратной скобкой:

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

автовыравнивание кода в visual studio code. . автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-. картинка автовыравнивание кода в visual studio code. картинка . Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Назначенные сочетания можно посмотреть и отредактировать, пройдя по пути File > Preferences > Keyboard Shortcuts.

Разбить окно редактора по вертикали

автовыравнивание кода в visual studio code. 1*hY5. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*hY5. картинка автовыравнивание кода в visual studio code. картинка 1*hY5. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Чтобы разбить окно редактора, можно воспользоваться командой split editor. Оригинальное сочетание клавиш для разделения окна — 123. Функция разделения полезна для параллельного редактирования файлов.

Назначенные сочетания также можно отредактировать, выбрав новые по своему вкусу (File > Preferences > Keyboard Shortcuts).

Окно редактора в виде сетки

автовыравнивание кода в visual studio code. . автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-. картинка автовыравнивание кода в visual studio code. картинка . Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

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

Для поддержки гибких макетов можно создать пустые группы редактора. По умолчанию закрытие последнего редактора группы закрывает и саму группу, но это поведение можно изменить, добавив в настройках workbench.editor.closeEmptyGroups: false.

В меню View > Editor Layout можно посмотреть набор готовых вариантов разделения окна.

автовыравнивание кода в visual studio code. 1 F4s204XXQPUMa wlKECr8Q. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1 F4s204XXQPUMa wlKECr8Q. картинка автовыравнивание кода в visual studio code. картинка 1 F4s204XXQPUMa wlKECr8Q. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Выделить слово

автовыравнивание кода в visual studio code. 1 0QSbS0gcAjLzqgj9YlgzIg. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1 0QSbS0gcAjLzqgj9YlgzIg. картинка автовыравнивание кода в visual studio code. картинка 1 0QSbS0gcAjLzqgj9YlgzIg. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Если нажать command + d больше одного раза, к выделению добавится еще одно вхождение того же слова далее по тексту.

Открыть или закрыть боковую панель

автовыравнивание кода в visual studio code. 1*O1CGDGMIYdn Ag6X8fSzHQ. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*O1CGDGMIYdn Ag6X8fSzHQ. картинка автовыравнивание кода в visual studio code. картинка 1*O1CGDGMIYdn Ag6X8fSzHQ. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

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

Переход к указанной строке

автовыравнивание кода в visual studio code. 1*Nz2DTqFoHsKi4oWHobjYGw. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*Nz2DTqFoHsKi4oWHobjYGw. картинка автовыравнивание кода в visual studio code. картинка 1*Nz2DTqFoHsKi4oWHobjYGw. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Примечание: чтобы перейти к нужной строке в файле, используйте сочетание клавиш ctrl + g, после которого введите номер строки. Или же сначала откройте меню файла при помощи command + p, затем введите двоеточие и номер нужной строки.

Переход к символу в файле

автовыравнивание кода в visual studio code. 1*kHR52ova0PdtT0PrEm9T2w. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*kHR52ova0PdtT0PrEm9T2w. картинка автовыравнивание кода в visual studio code. картинка 1*kHR52ova0PdtT0PrEm9T2w. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Символы можно группировать, добавив двоеточие:

автовыравнивание кода в visual studio code. 1 Sdoy2ztcrCgWE LeHMIScQ. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1 Sdoy2ztcrCgWE LeHMIScQ. картинка автовыравнивание кода в visual studio code. картинка 1 Sdoy2ztcrCgWE LeHMIScQ. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Переход к символу в рабочем окружении

автовыравнивание кода в visual studio code. 1 An7ThNWhWKBiUhGT 8TY Q. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1 An7ThNWhWKBiUhGT 8TY Q. картинка автовыравнивание кода в visual studio code. картинка 1 An7ThNWhWKBiUhGT 8TY Q. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Удаление предыдущего слова

автовыравнивание кода в visual studio code. 1*UfXB qu4BqiVEmo4KT6d3Q. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*UfXB qu4BqiVEmo4KT6d3Q. картинка автовыравнивание кода в visual studio code. картинка 1*UfXB qu4BqiVEmo4KT6d3Q. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Полезно в ситуациях, если набрали лишнее, а жать несколько раз backspace не любите.

Выделение целых слов

автовыравнивание кода в visual studio code. 1*jwqSqPZTr3IjHHlydvyYkQ. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*jwqSqPZTr3IjHHlydvyYkQ. картинка автовыравнивание кода в visual studio code. картинка 1*jwqSqPZTr3IjHHlydvyYkQ. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Очень полезно для более быстрого выделения и редактирования.

Дублирование строки

автовыравнивание кода в visual studio code. . автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-. картинка автовыравнивание кода в visual studio code. картинка . Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Дублирование строк это очень полезный и хорошо известный функционал.

Удаление строки

автовыравнивание кода в visual studio code. 1*J0ZRS3WhA7qQVKK JA8S g. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*J0ZRS3WhA7qQVKK JA8S g. картинка автовыравнивание кода в visual studio code. картинка 1*J0ZRS3WhA7qQVKK JA8S g. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Добавление курсора сверху / снизу

автовыравнивание кода в visual studio code. 1*ZzJAoJZEvRj1jkzQYzZ6bA. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*ZzJAoJZEvRj1jkzQYzZ6bA. картинка автовыравнивание кода в visual studio code. картинка 1*ZzJAoJZEvRj1jkzQYzZ6bA. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Функция дублирования курсоров в VS Code, пожалуй, сэкономит вам больше всего времени.

Переименование символа

автовыравнивание кода в visual studio code. . автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-. картинка автовыравнивание кода в visual studio code. картинка . Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Выделите нужный символ, а затем нажмите f2. Также можно использовать контекстное меню.

Выделение столбца

автовыравнивание кода в visual studio code. 1*wmV3HSsDd oil5eyp6Jhhg. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*wmV3HSsDd oil5eyp6Jhhg. картинка автовыравнивание кода в visual studio code. картинка 1*wmV3HSsDd oil5eyp6Jhhg. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

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

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

автовыравнивание кода в visual studio code. 1*m3d4062wn VRTJd B d07A. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1*m3d4062wn VRTJd B d07A. картинка автовыравнивание кода в visual studio code. картинка 1*m3d4062wn VRTJd B d07A. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

При помощи этих сочетаний клавиш можно получить доступ ко всем доступным в вашем контексте командам. Вот самые используемые из них:

1. Открыть файл

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

автовыравнивание кода в visual studio code. . автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-. картинка автовыравнивание кода в visual studio code. картинка . Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

2. Посмотреть сочетание клавиш для команды

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

автовыравнивание кода в visual studio code. 1 hkc58WQ2gZRWsWJrpTgwEw. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-1 hkc58WQ2gZRWsWJrpTgwEw. картинка автовыравнивание кода в visual studio code. картинка 1 hkc58WQ2gZRWsWJrpTgwEw. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Полезных сочетаний клавиш в VS Code очень много. При желании можно ознакомиться с ними подробнее:

Источник

Как в visual studio 2012 выровнять текст кода?

Подскажите, пожалуйста, как выровнять текст кода в студии (горячие клавиши), как например в QtCreator(I+Ctrl).
в общем, например, у меня получился вот такой код:
while (true)<
while (true)<
while (true)<
>
>
>
как его выровнять?? чтобы он выглядел так:
while (true)<
_____while (true)<
__________while (true)<
__________>
_____>
>

Трюки в редакторе Visual Studio

1. Вертикальное выделение тексты

Наверное одна из моих самых любимых функций редактора Visual Studio – выделение текста колонками, а не строками. Нажмите Alt и левую клавишу маши и выделяйте текст колонкой.

2. Альтернативный поиск строк

Нажмите Ctrl + I и начинайте вводить некоторый текст. Будут выделяться совпадающие символы первого вхождения строки от положения курсора и ниже.

3. Множественное копирование

Иногда так хочется скопировать в буфер обмена несколько строк сразу, а потом, перейдя к другому файлу вставлять скопированные строки в произвольном порядке. Visual Studio умеет и это!

Для начала выделите некоторый фрагмент кода и скопируйте его в буфер (Ctrl + C), после этого выделите другой фрагмент и скопируйте его тоже. Ну и еще один, интереса ради.

Теперь установите курсор ввода куда-нибудь еще и зажмите клавиши Ctrl + Shift и нажимайте клавишу V (не отпуская Ctrl + Shift). Вы увидите, что вставляемые фрагменты циклично чередуются.

4. Копирование текста на Toolbox и с Toolbox

Великий и могучий Drag & Drop при редактировании кода также может быть не менее полезен, чем при добавлении контролов на форму. Вы можете выделить кусочек текста и перетащить его на панель Toolbox, чтобы потом, также перетаскивая, вставлять куда угодно. Еще один удобный аналог стандартного буфера обмена.

5. Быстрое комментирование/раскомментирование фрагментов кода

Выделите фрагмент кода, который хотите закоментировать и нажмите Ctrl + K, C (удерживая Ctrl нажать K, затем C). Для снятия комментариев нужно выделить закомментированный кусок и нажать Ctrl + K, U.

6. Отображение IntelliSense

Если вы хотите отобразить IntelliSense, то нужно нажеть Ctrl + J. Это может пригодится, если по каким-то причинам подсказка не отображается (вы на «полуслове» наступили «на горло песне», то есть нажали Esc).

7. Перемещение между открывающими/закрывающими скобками

Установите курсор ввода на скобку, для перехода на ее пару нажмите Ctrl + ]. Это же работает для многострочных комментариев (/* */), регионов (#region #endregion) и кавычек, обрамляющих строки.

8. Сворачивание/разворачивание блока (региона, функции, цикла и т. п.)

Если вам лениво ползать мышью до значка +/-, то нажатие Ctrl + M, M (удерживая Ctrl нажать M два раза) сделает то, что нужно. Ctrl + M, L позволяет свернуть/развернуть все блоки.

Источник

Форматирование кода с помощью Prettier в Visual Studio Code

Published on November 2, 2020

Введение

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

В этой статье мы настроим Prettier для автоматического форматирования кода в Visual Studio Code или VS Code.

Для демонстрации мы будем форматировать следующий код:

Если вы знакомы с форматированием кода, вы можете заметить некоторые упущения:

Предварительные требования

Для прохождения этого учебного модуля вам нужно будет загрузить и установить Visual Studio Code.

автовыравнивание кода в visual studio code. prettier1. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-prettier1. картинка автовыравнивание кода в visual studio code. картинка prettier1. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Шаг 1 — Использование команды форматирования документа

После установки расширения Prettier вы можете использовать его для форматирования вашего кода. Для начала выполним обзор, используя команду Format Document. Эта команда сделает ваш код более согласованным с отформатированными пробелами, переносами строк и кавычками.

Чтобы открыть палитру команд, вы можете использовать COMMAND + SHIFT + P в macOS или CTRL + SHIFT + P в Windows.

Выполните в палитре команд поиск по ключевому слову format и выберите Format Document.

автовыравнивание кода в visual studio code. prettier2. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-prettier2. картинка автовыравнивание кода в visual studio code. картинка prettier2. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Возможно, вам будет предложено выбрать формат для использования. Для этого нажмите кнопку Configure:

автовыравнивание кода в visual studio code. prettier3. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-prettier3. картинка автовыравнивание кода в visual studio code. картинка prettier3. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

автовыравнивание кода в visual studio code. prettier4. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-prettier4. картинка автовыравнивание кода в visual studio code. картинка prettier4. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Теперь ваш код отформатирован с пробелами, переносами строк и единообразными кавычками:

Это работает и для файлов CSS. Вы можете превращать код с несогласованными отступами, скобками, разрывами строк и точками с запятой в хорошо отформатированный код. Например:

Будет переформатирован как:

Мы изучили эту команду, и теперь посмотрим, как можно реализовать ее автоматическое выполнение.

Шаг 2 — Форматирование кода при сохранении

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

Чтобы изменить эту настройку, нажмите COMMAND + в macOS или CTRL + в Windows, чтобы открыть меню Settings (Настройки). Выполните в меню поиск Editor: Format On Save и убедитесь, что эта опция включена:

автовыравнивание кода в visual studio code. prettier5. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-prettier5. картинка автовыравнивание кода в visual studio code. картинка prettier5. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

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

Шаг 3 — Изменение параметров конфигурации Prettier

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

Откройте меню Settings (Настройки). Выполните поиск Prettier. Вы увидите список всех параметров, которые вы можете изменить:

автовыравнивание кода в visual studio code. prettier6. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-prettier6. картинка автовыравнивание кода в visual studio code. картинка prettier6. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Вот несколько наиболее распространенных параметров:

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

Шаг 4 — Создание файла конфигурации Prettier

Если вы измените настройки VS Code, у другого разработчика может оказаться совершенно иная конфигурация. Вы можете обеспечить единство форматирования в своей команде, создав файл конфигурации для вашего проекта.

Вот пример простого файла конфигурации в формате JSON:

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

Заключение

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

Prettier обеспечивает согласованность форматирования кода и позволяет автоматизировать этот процесс.

Источник

Настройка редактора Visual Studio Code для разработки на PHP

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Пора перейти от слов к действиям и познакомиться с Visual Studio Code поближе. В этом посте представлена поэтапная настройка VS Code для разработки на PHP.

Скачайте и установите Visual Studio Code

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

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Встроенные функции работы с PHP

VS Code поддерживает множество языков, в том числе PHP. На портале Visual Studio Marketplace доступны расширения VS Code, обеспечивающие поддержку дополнительных языков. Для PHP работает подсветка синтаксиса, определение парных скобок и фрагменты кода.

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

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Настройка статического анализа PHP

По умолчанию VS Code будет проводить статический анализ кода на PHP в ходе проверки при сохранении файла. Для этого используется исполняемый файл php. Если вы работаете с VS Code впервые, то получите сообщение об ошибке, в котором сказано, что исполняемый PHP файл не обнаружен.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Необходимо указать путь к исполняемому файлу PHP на вашем компьютере. Для этого следует изменить файл настроек (в VS Code существуют различные уровни файлов настроек, подробнее см. в документации). В нашем примере мы настроим параметры PHP глобально для пользователя.

Откройте пользовательские настройки с помощью панели команд: нажмите F1, введите «user» и нажмите Enter.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Откроется два документа JSON. В документе слева содержатся настройки по умолчанию, в документе справа — пользовательские настройки. В пользовательских настройках можно переопределить настройки по умолчанию. Чтобы включить статический анализ кода PHP, необходимо изменить значения трех параметров.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Чтобы настроить путь к исполняемому файлу PHP, укажите его в файле пользовательских настроек:

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

После этого функция проверки будет включена для всех файлов PHP. Некорректный код PHP будет подчеркнут красным (в примере ниже пропущена точка с запятой).

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Настройка отладки

Расширение PHP Debug (спасибо Феликсу Беккеру!) добавляет в VS Code поддержку отладчика XDebug. Установите расширение через панель команд VS Code: нажмите F1, введите «install ext», нажмите Enter, введите «PHP Debug» и вновь нажмите Enter. После установки расширения может потребоваться перезапуск VS Code.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Обратите внимание: это расширение использует отладчик XDebug. Поэтому для его работы необходимо установить XDebug. Скачать XDebug можно здесь (для Windows выбирайте 32-разрядную non-thread-safe версию).
Затем внесите в файл php.ini следующие настройки. Я установил XDebug в подкаталог ext установочной папки PHP. Если вы выбрали для XDebug другой каталог установки, убедитесь, что параметр zend_extension содержит правильное значение.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Убедитесь, что корневой раздел веб-сервера соответствует вашему проекту. Тогда при каждом запросе файла PHP XDebug будет предпринимать попытку подключения к порту 9000 для отладки.
Чтобы начать отладку, откройте вкладку Debugging в VS Code.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Щелкните значок шестеренки, чтобы сформировать файл launch.json, который позволит VS Code начать сеанс отладки XDebug.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Чтобы начать отладку, нажмите F5 или щелкните зеленую стрелку на вкладке Debugging. Чтобы задать точку останова в исходном коде, выберите строку и нажмите F9.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Теперь, когда вы откроете определенную веб-страницу, VS Code остановит выполнение исходного кода в заданной точке. В области слева отобразится информация о переменных, стеке вызовов и т. п.

автовыравнивание кода в visual studio code. image loader. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-image loader. картинка автовыравнивание кода в visual studio code. картинка image loader. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

Заключение

Visual Studio Code обладает отличной встроенной поддержкой PHP, а расширение PHP Debug добавляет возможность отладки кода на PHP. Все эти инструменты являются бесплатными и кроссплатформенными.

На портале Visual Studio Marketplace доступны и другие расширения для работы с PHP.

Источник

Как форматировать код в Visual Studio Code (VSCode)

что эквивалентно Ctrl + K + F и Ctrl + K + D в Windows в Visual Studio для форматирования или» украшения » кода в редакторе кода Visual Studio?

30 ответов:

форматирование кода доступно в VS Code с помощью следующих ярлыков:

кроме того, вы можете найти ярлык, а также другие ярлыки, через поиск функциональность, предоставляемая в редакторе с Ctrl + Shift + P (или команда + Shift + P на Mac), а затем поиск документ в формате.

Контекстное Форматирование Кода:

вы также можете настроить этот ярлык через настройки, если это необходимо.

Форматирование Кода В То Время Как Сохранение файла:

Visual Studio code позволяет пользователю настраивать параметры по умолчанию.

Если вы хотите автоматически форматировать содержимое при сохранении, добавьте этот фрагмент кода ниже в настройках рабочего пространства visual studio code.

Примечание: теперь вы можете автоматически форматировать файлы typescript проверить мое обновление

или Visual Studio как:

правильная комбинация клавиш shift + alt + f

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

VS Code 1.6.1 поддерживает «Формат При Сохранении » который будет автоматически подбирать соответствующие установленные расширения форматирования и форматировать весь документ на каждом сохранении.

включить «формат при сохранении», установив

и есть доступные сочетания клавиш (VS Code 1.7 и выше):

форматировать весь документ: Shift + Alt + F

только выбор формата: Ctrl K + Ctrl F

для других языков может потребоваться установить определенный языковой пакет.

автовыравнивание кода в visual studio code. 6b36be7923bedcc915af88fd3f3a3973. автовыравнивание кода в visual studio code фото. автовыравнивание кода в visual studio code-6b36be7923bedcc915af88fd3f3a3973. картинка автовыравнивание кода в visual studio code. картинка 6b36be7923bedcc915af88fd3f3a3973. Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

на ubuntu это Ctrl + Shift + Я

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *