Visual studio code перенос строк
Обычно, когда я использую VS Code, самое первое, что я делаю в новом документе, - это команда: «Toggle Word Wrap» или Alt + Z . Я попытался заглянуть в настройки пользователя, но не нашел соответствующих записей. Есть ли способ включить обтекание текстом для каждого документа по умолчанию?
Настройка сейчас "editor.wordWrap": "on" который я установил на «on» (по умолчанию «off»), и это активирует перенос слов во всех моих документах в Visual Studio Code.
См. Примечания к выпуску об изменениях переноса слов для получения дополнительной информации.
Я думаю, что эта функция все еще не работает. Когда я изначально загружаю страницу, перенос слов работает так, как задумано. Как только я внесу какие-либо изменения, перенос слов прерывается. Честно говоря, я не тестировал это со всеми отключенными расширениями. У меня нет на это времени. Я просто хочу, чтобы эта глупость работала. Это так раздражает.
можно получить доступ к файлу json с настройками, набрав CTRL + SHIFT + P , а затем введя «открыть настройки по умолчанию (JSON)»
Взгляните на настройку editor.wrappingColumn ( дополнительную информацию см. В документации )
Обновление 2017-04-06:
Недавно этот параметр изменился (см. Здесь ) на editor.wordWrap несколько вариантов:
Поэтому мы решили отказаться от рекомендаций editor.wrappingColumn (с его -1, 0,> 0 случаями) в пользу editor.wordWrap .
Вот новые варианты переноса слов:
editor.wordWrap: "off" - Линии никогда не переносятся.
editor.wordWrap: "on" - Линии будут переноситься по ширине области просмотра.
editor.wordWrap: "wordWrapColumn" - Строки будут перенесены на значение editor.wordWrapColumn .
editor.wordWrap: "bounded" - Строки будут обтекать минимум шириной области просмотра и значением editor.wordWrapColumn .
Привет! Спасибо за этот ответ, он работает почти так, как я ожидал, но с этим решением есть одна проблема: оно разрывает строки в фиксированной точке, независимо от размера окна, что несовместимо с режимом переноса слов. Что я действительно ищу, так это активировать перенос слов. Если это окажется невозможным, я приму этот ответ.
Вы пытались установить его на 0, поскольку в документации говорится: «Установка этого значения на 0 включает перенос ширины
Приношу свои извинения, я сосредоточился на значении «-1» и пропустил «0». Прекрасно работает! Спасибо!
Если вы не хотите редактировать какие-либо файлы, вы можете просто включить его в пользовательских настройках:
Код> Настройки> Настройки> Текстовый редактор
Введите "перенос по словам" в поиске или прокрутите список до конца непосредственно перед разделом курсора. Вы увидите это как «Перенос по словам / Управление переносом строк».
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью чуть упростить себе жизнь в Visual Studio Code.
Быстро добавить комментарий
Обычно чтобы добавить комментарий, нужно перейти в начало строки и дописать туда два слеша. Это медленно. Быстрее нажать в любом месте строки Ctrl + /, и строка закомментируется, если она ещё не. А если уже да, то комментарий исчезнет.
Перейти к строке под номером
Windows — Ctrl + G
Иногда отладчики внезапно сообщают, что на строке 953 случилась непоправимая инфернальная ошибка вселенной. Чтобы не выискивать вручную, не листать и не тратить на это время, нажмите Ctrl + G, введите номер строки и спокойно спасайте вселенную.
Поменять строку местами с соседними
Alt и стрелки меняют текущую строку местами с соседними.
Дублировать строку
Windows — Shift + Alt + ↓ / ↑
Это для тех, кто не хочет копировать и вставлять несколько раз одно и то же.
Перейти к парной скобке
Windows — Ctrl + Shift + \
Когда кода становится много, очень просто запутаться в закрывающих и открывающих скобках, непонятно, где какой блок, и вообще, что происходит. На помощь приходит Ctrl+Shift+\ — это хорошее дополнение к стандартной подсветке парных скобок в VS Code.
Переименовать переменную
Писали, писали, а старший разработчик пришёл и сказал, что ваши переменные a , b и c — дурной тон. Чтобы не выискивать их по всему документу и не менять руками, есть F2.
Отформатировать документ
Windows — Shift + Alt + F
VS Code предложить установить расширение или выбрать из существующих, а потом красиво отформатирует документ — расставит по местам блоки, скобки, и сделает строки кода читаемыми.
Перейти к объявлению переменной
Иногда вообще непонятно, откуда взялась переменная, какая у неё область видимости, и где она объявлена. F12 перенесёт нас к объявлению выделенной переменной, функции или метода. Если объявление в другом файле — всё равно перенесёт.
Включить/выключить перенос слов
Windows — Alt + Z
Вкусовщина. Если строки кода или текст не вмещается в редактор по ширине, включите перенос.
Включить дзен-режим
Windows — Ctrl + K Z
Лучшее решение для тех, кто входит состояние потока, когда пишет код. Дзен-режим скрывает все панели, разворачивает редактор на весь экран, и вы можете плыть в волнах кода и думать только о нём. Чтобы вернуться обратно в реальный мир, нажмите Escape.
Редактор Visual Studio предоставляет множество возможностей, облегчающих написание кода и текста, а также управление им. Используя структуру, вы можете разворачивать и сворачивать различные блоки кода. Получить дополнительные сведения о коде можно с помощью технологии IntelliSense, окна Обозреватель объектов и иерархии вызовов. Для поиска в коде можно использовать такие функции, как Перейти, Перейти к определению и Найти все ссылки. Вставлять блоки кода можно с помощью фрагментов кода. Код также можно создавать с помощью функций, таких как Создание в результате использования. Если вы ранее не работали в редакторе Visual Studio, см. статью со сведениями об использовании редактора кода.
Этот раздел относится к Visual Studio в Windows. Информацию о Visual Studio для Mac см. в статье Редактор исходного кода (Visual Studio для Mac).
Код можно просматривать различными способами. По умолчанию в обозревателе решений код упорядочен по файлам. Чтобы просмотреть код, упорядоченный по классам, можно выбрать вкладку Представление классов в нижней части окна.
Можно выполнять поиск и замену текста в одном или нескольких файлах. Дополнительные сведения см. в статье Поиск и замена текста. Регулярные выражения платформы используются для поиска и замены текста. Дополнительные сведения см. в статье Использование регулярных выражений в Visual Studio.
Разные языки Visual Studio предоставляют разные наборы функций, а в некоторых случаях одни и те же функции ведут себя по-разному в разных языках. Многие из этих отличий указаны в описаниях функций. Дополнительные сведения можно найти в разделах, посвященных конкретным языкам Visual Studio.
Возможности редактора
Дополнительные возможности редактирования
В меню Правка > Дополнительно на панели инструментов есть набор дополнительных функций. Не все они доступны для каждого типа файлов кода.
Функция | Описание |
---|---|
Форматировать документ | Установка правильного отступа строк кода и перемещение фигурных скобок для разделения строк в документе. |
Форматировать выделенный фрагмент | Установка правильного отступа строк кода и перемещение фигурных скобок для разделения строк в выделенном фрагменте. |
Преобразовать пробелы в знаки табуляции в выделенных строках | Замена начальных пробелов на знаки табуляции там, где это уместно. |
Преобразовать знаки табуляции в пробелы в выделенных строках | Замена начальных знаков табуляции на пробелы. Если требуется преобразовать все пробелы в знаки табуляции в файле (или все знаки табуляции в пробелы), можно использовать команды Edit.ConvertSpacesToTabs и Edit.ConvertTabsToSpaces . Эти команды не включены в меню Visual Studio, но их можно вызывать из окна быстрого доступа или окна командной строки. |
Все прописные | Перевод всех символов в выделенном фрагменте в верхний регистр или, если ничего не выбрано, перевод символа в позиции курсора в верхний регистр. Ярлык. CTRL+SHIFT+U. |
Все строчные | Перевод всех символов в выделенном фрагменте в нижний регистр или, если ничего не выбрано, перевод символа в позиции курсора в нижний регистр. Ярлык. CTRL+U. |
Переместить выбранные строки вверх | Перемещение выбранной строки вверх на одну строку. Ярлык. ALT+СТРЕЛКА ВВЕРХ. |
Переместить выбранные строки вниз | Перемещение выбранной строки вниз на одну строку. Ярлык. ALT+ВНИЗ. |
Удалить пустое пространство по горизонтали | Удаление символов табуляции и пробелов в конце текущей строки. Ярлык. CTRL+K, CTRL+ \ |
Показать пустое пространство | Отображение пробелов в виде приподнятых точек, а символов табуляции — в виде стрелок. Конец файла отображается как прямоугольный глиф. Если с помощью меню выбран вариант Сервис > Параметры > Текстовый редактор > Все языки > Перенос по словам > Показывать графические метки в местах переноса слов, этот глиф также будет отображаться. |
Перенос по словам | В этом режиме все строки документа отображаются полностью в окне кода. Перенос по словам можно включить или отключить в разделе Все языки для текстового редактора (Сервис > Параметры > Текстовый редактор > Все языки). |
Закомментировать выделенный фрагмент | Добавление символов комментария к выбранному фрагменту или текущей строке. Ярлык. CTRL+K, CTRL+C |
Раскомментировать выделенный фрагмент | Удаление символов комментария из выбранного фрагмента или текущей строки. Ярлык. CTRL+K, CTRL+U |
Увеличить отступ строки | Добавление символа табуляции (или эквивалентных пробелов) к выбранным строкам или текущей строке. |
Уменьшить отступ строки | Удаление символа табуляции (или эквивалентных пробелов) из выбранных строк или текущей строки. |
Выбрать тег | Выбор тега в документе, содержащем теги (например, XML или HTML). |
Выделить содержимое тега | Выбор содержимого в документе, содержащем теги (например, XML или HTML). |
Перемещение по коду и поиск
Перемещаться по редактору кода можно несколькими способами, включая переход назад и вперед к точкам вставки, просмотр определения типа или члена и переход к определенному методу с помощью панели навигации. Дополнительные сведения см. в статье Навигация по коду.
Поиск ссылок в базе коде
Чтобы найти, где именно в базе кода используются ссылки на элементы кода, можно использовать команду Найти все ссылки или нажать SHIFT+F12. Кроме того, когда вы щелкаете тип или член, функция выделения ссылок автоматически выделяет все ссылки на него. Дополнительные сведения см. в разделе Поиск ссылок в коде.
Создание, исправление или рефакторинг кода
Visual Studio помогает создавать, исправлять код и выполнять его рефакторинг самыми разными способами.
Вы можете использовать фрагменты кода для вставки шаблона, такого как блок switch или объявление enum.
Вы можете использовать быстрые действия для создания кода, например классов и свойств, или для введения локальной переменной. Кроме того, быстрые действия можно использовать для улучшения кода, например для удаления ненужных приведений и переменных либо для добавления проверок значений NULL перед обращением к переменным.
Вы можете выполнять рефакторинг кода, например чтобы переименовывать переменные, изменять порядок параметров метода или синхронизировать тип с его именем файла.
Настройка редактора
Вы можете использовать свои параметры Visual Studio совместно с другим разработчиком, привести параметры в соответствие со стандартом или вернуться к настройкам, заданным по умолчанию в Visual Studio, с помощью команды Мастер импорта и экспорта параметров в меню Сервис. В мастере импорта и экспорта параметров можно изменить выбранные общие параметры, а также зависящие от языка и проекта параметры.
Чтобы определить новые или переопределить существующие сочетания клавиш, выберите Сервис > Параметры > Среда > Клавиатура. Дополнительные сведения о сочетаниях клавиш см. в статье Сочетания клавиш по умолчанию в Visual Studio.
Параметры редактора для JavaScript см. в статье о параметрах редактора JavaScript.
При использовании файлов кода вам обычно не нужны длинные строки для переноса. Тем не менее, с .md файлами это на самом деле довольно полезно. Тем не менее, я не могу найти возможность включить перенос слов, чтобы более длинные строки были перенесены.
Чтобы воспроизвести, откройте Visual Studio Code с измененным размером в достаточно маленькое окно и введите следующий текст в новый документ:
Я пытаюсь заставить горизонтальную полосу прокрутки держаться подальше, обводя строку 1 с правой стороны окна.
Я сделал несколько вещей, чтобы ответить на свой вопрос:
-
: ноль результатов на момент написания этого;
- Дотошно просматривая меню кода Visual Studio: не нашел его;
- Использование палитры команд с "wrap": не дает соответствующих команд.
Возможно, это невозможно, и мне нужно подать запрос на добавление функции? Или я что-то упустил?
Обратите внимание, что я хотел бы иметь возможность быстро включать и выключать его. Например, @PanagiotisKanavos упоминал в комментариях это решение, чтобы изменить поведение обтекания в настройках, но я ищу быструю команду или опцию меню, чтобы сделать это (так же, как Notepad ++ и Sublime Text 2).
Я думаю, что это было только что добавлено в VS Code 0.3. Проверьте список новых функций для контроля упаковки
Этот вопрос с другого сайта StackExchange показывает, что вы можете просто добавить "editor.wrappingColumn": 0 в свои настройки пользователя
@PanagiotisKanavos Спасибо за предложение. Это было бы своего рода обходным путем, потому что перенос слов обычно является тем, что я хочу быстро включить / выключить. Я обновил свой вопрос соответственно. Тем не менее, может оказаться полезным превратить ваш комментарий в ответ, для других, которые попадают сюда, которые могут подойти с этим обходным путем.
Начиная с версии 1.0 вы можете переключать перенос слов:
- с новой командой editor.action.toggleWordWrap , или
- из меню Вид (* Вид ** → Переключить перенос слов ) или
- с помощью сочетания клавиш ALT + Z (для Mac: ⌥ + Z ).
Им также можно управлять с помощью следующих настроек:
- editor.wordWrap
- editor.wordWrapColumn
- editor.wrappingIndent
Если вы хотите, чтобы эти ошибки были исправлены, пожалуйста, проголосуйте за них.
Полностью согласен, что это должно быть то, что мы можем вручную включить / отключить для каждого окна. Прямо сейчас я собираюсь, хотя. TXT-файл с кучей записей журнала, и с включенной переносом слов затрудняет чтение. Обычно я не против, но в этом случае хотелось бы, чтобы он был отключен.
@ Бенджамин, а как насчет «обернуть в окно»? Это то, что я лично часто использую в определенных файлах кода (например, MarkDown, как он сказал). Лично я хотел бы, чтобы три варианта были доступны быстро: «Выкл.» (Без переноса), «Окно» (переходы к видимым экстентам) и «Указанный столбец» (который будет выбирать значение в настройках.) Затем можно назначать сочетания клавиш для переключения между этими тремя.
Это неприемлемое решение, если вам нужно установить "editor.wrappingColumn": -1 по умолчанию. Вариант использования: я много работаю с файлами кода. Только в некоторых случаях (файлы * .md) я должен переключать перенос слов, но не могу!
Зайдите в меню Файл → Настройки → Настройки пользователя .
Это откроет настройки по умолчанию и settings.json автоматически. Просто добавьте следующее в settings.json файл и сохраните его. Это заменит настройки по умолчанию.
Правлю код vue.js компонента в vscode, при этом периодически жму Alt + Shift + F для автоматического форматирования введённого кода.
При этом постоянно меняется форматирование: код переносится на другую строку, хотя визуально места ещё очень много.
Стало (см. переносы свойств input'ов):
Можно ли это как-то настроить? В какую сторону копать настройки?
2 ответа 2
Vetur использует prettyhtml для форматирования.
prettyhtml
The default formatter for Vue templates. Other settings include:
prettier options are read from local .prettierrc config.
Вам следует поменять printWidth
Сначала следует убедиться, что HTML Formatter для Vetur таки prettyhtml: User Settings -> Extensions -> Vetur -> Format > Default Formatter: HTML
Если так, то попробуйте открыть settings.json: Ctrl-Shift-P, Open Settings (JSON) и добавить настройки здесь:
Если там уже есть другие настройки, не забудьте запятую на предпоследней строке
Я правильно понимаю, что .prettierrc нужно создавать либо в папке проекта, либо в корне домашнего каталога? У меня что-то ни там ни там не срабатывает: при "printWidth": 300 так и форматирует с переносом строки.
Я тоже так понимаю, но у меня не установлен prettyhtml, поэтому протестировать точно не могу. Я дополнил ответ, как внести нужную правку в настройки для пользователя.
Так и не завелось через .prettierrc хотя пробовал по-разному. А вот вариант через user settings сразу взлетел. Да, это именно та настройка, которую я искал, спасибо! Так что ещё на досуге попробую добить настройку через файл .prettierrc в папке проекта - а в целом решение подходит.
Я данную проблему решил следующим образом: зашёл в Файл - Параметры - Параметры, там будет очень длинный список параметров редактора. В поисковой строке вводим "Word Wrap Column", находим данный параметр. В поле данного параметра по умолчанию стоит цифра 80 - это и есть максимальное количество символов в строке, всё что длиннее - автоматически переносится в следующую строку. Стираем цифру 80 и пишем на пример 150 или 200 и вуаля - теперь автоперенос строк будет работать при количестве символов в строке 150 или 200 соответственно.
Читайте также: