Visual studio code как убрать точки
Обновлено: 04.07.2024
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью чуть упростить себе жизнь в 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.
На интерактивных курсах все клавиши станут горячими
Потому что оторваться вообще не получается. 11 глав бесплатно, и −30% на подписку в первую неделю обучения.
Можно ли отображать символы пробела, такие как пробел, в Visual Studio Code?
Похоже, что для него нет опции в settings.json (хотя это опция в Atom.io ), и мне не удалось отобразить пробельные символы с помощью CSS .
VS Code 1.6.0 и более поздних версий
Как упоминалось aloisdg ниже, editor.renderWhitespace теперь является перечислением, принимающим либо none , > или all . Чтобы просмотреть все пробелы:
До VS Code 1.6.0
До 1.6.0 вы должны были установить editor.renderWhitespace на true :
Он находится в разделе Просмотр -> Визуализировать пробелы .
⚠️ Иногда пункт меню показывает, что он активен в данный момент, но вы не видите пробелов. Вы должны снять и снова установить флажок , чтобы он заработал. Это известная ошибка 🐞
Замечание о macOS
В среде Mac вы можете найти любой пункт меню в меню Справка , тогда он откроет именно тот путь меню, который вы ищете. Например, поиск по запросу белое пространство приведет к следующему:
Я использую vscode версии 1.22.2, так что это может быть функция, которой еще не было в 2015 году.
Параметр, позволяющий сделать пробелы видимыми, теперь отображается как параметр в меню «Просмотр», как «Переключить отображение пробелов» в версии 1.15.1 Visual Studio Code.
Чтобы различие отображало пробелы аналогично git diff , установите для diffEditor.ignoreTrimWhitespace значение false. edit.renderWhitespace только незначительно полезен.
Чтобы обновить настройки, перейдите в
Файл> Настройки> Настройки пользователя
Примечание для пользователей Mac: меню «Настройки» находится в разделе «Код, а не файл». Для например, Код> Настройки> Настройки пользователя.
Откроется файл с названием «Настройки по умолчанию». Разверните область //Editor . Теперь вы можете увидеть, где находятся все эти загадочные настройки editor.* . Найдите (CTRL + F) renderWhitespace . На моем ящике есть:
Кроме того, левое окно «Настройки по умолчанию» не редактируется. Их необходимо переопределить в правом окне под названием «settings.json». Вы можете скопировать настройки вставки из «Default Settings» в «settings.json»:
В итоге я выключил renderWhitespace .
Откройте настройки пользователя. Сочетание клавиш: CTR + SHIFT + P -> Настройки: открыть настройки пользователя;
Вставьте в поле поиска Пробел и выберите параметр все .
Это больше не boolean . Они перешли на enum . Теперь мы можем выбирать между: none , boundary и all .
Вы можете увидеть исходное различие в
"editor.renderWhitespace": "trailing" // добавляемая опция
В v1.43 значение по умолчанию будет изменено на selection с none , как это было в v1.42.
Обновление для v1.37: добавлена возможность отображать пробелы только в выделенном тексте. См. выпуск v1.37 заметки, отображать пробелы.
Параметр editor.renderWhitespace теперь поддерживает параметр selection . Если этот параметр установлен, пробелы будут отображаться только в выделенном тексте:
Чтобы продемонстрировать изменения, которые editor.renderWhitespace : none||boundary||all внесет в ваш VSCode, я добавил этот снимок экрана:
.
Где Tab - → , а Space - .
Для тех, кто хочет переключать символы пробела с помощью сочетания клавиш, вы можете легко добавить для этого привязку клавиш .
В последних версиях Visual Studio Code теперь есть удобный графический интерфейс (т.е. нет необходимости вводить данные JSON и т. Д.) Для просмотра и редактирования всех доступных сочетаний клавиш. Это все еще под
Файл> Настройки> Сочетания клавиш (или используйте Ctrl + K Ctrl + S )
Также есть поле поиска, чтобы помочь быстро найти (и отфильтровать) нужные сочетания клавиш. Так что теперь добавлять новые и редактировать существующие сочетания клавиш стало намного проще:
Переключение пробелов не имеет привязки клавиш по умолчанию , поэтому вы можете добавить ее. Просто нажмите значок + слева от соответствующей строки (или нажмите Enter , или дважды щелкните в любом месте этой строки) и введите желаемую комбинацию во всплывающем окне. окно.
И если выбранная вами привязка клавиш уже используется для некоторых других действий, появится удобное предупреждение, которое вы можете щелкнуть и посмотреть, какие действия уже используют выбранную вами привязку клавиш:
Как видите, все очень интуитивно понятно и удобно.
Молодец, Microsoft!
Для тех, кто хочет переключать символы пробела с помощью сочетания клавиш , вы можете добавить настраиваемую привязку к файлу keybindings.json ( Файл> Настройки> Сочетания клавиш ).
Здесь я назначил комбинацию Ctrl + Shift + i для переключения невидимых символов, вы, конечно, можете выбрать другую комбинацию.
Это также можно сделать через главное меню View -> Render Whitespace
Я искал отображение пробелов, потому что мой линтер постоянно вызывал у меня предупреждения о пробелах. Вот почему я здесь.
Показывать пробельные символы в Visual Studio Code
Измените setting.json, добавив следующие коды!
вот так!
(PS: нет опции "true" !, даже если она работает.)
Для каждого машинописного файла код Visual Studio использует автоматический отступ в 8 пробелов. Это слишком много, на мой вкус, но я не могу найти, где это изменить.
Может быть, это доступно как настройка, но под другим именем, так как я не могу найти ничего, связанного с отступом.
ОБНОВИТЬ
В настоящее время я использую средство форматирования кода Преттиера, и это решает все проблемы форматирования путем автоматического форматирования при сохранении (если нет синтаксической ошибки)
Вы можете изменить это на глобальном User уровне или Workspace уровне.
Откройте настройки: С помощью клавиш ctrl + , или щелчки File > Preferences > , Settings как показано ниже.
Затем выполните следующие 2 изменения: (введите tabSize в строке поиска)
- Снимите флажок Detect Indentation
- Измените размер вкладки на 2/4 (хотя я твердо считаю, что 2 подходит для JS :))
На панели инструментов в правом нижнем углу вы увидите элемент, который выглядит следующим образом: Нажав на него, вы получите возможность сделать отступ с помощью пробелов или табуляции. После выбора типа отступа у вас будет возможность изменить размер отступа. В приведенном выше примере отступ равен 4 пробелам на отступ. Если в качестве символа отступа выбрана вкладка, то вместо размера вкладки вы увидите пробелов
Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите настройки Editor: Tab Size и в Editor: Insert Spaces настройках пользователя или в настройках рабочей области. зависимости от ваших потребностей
Редактировать 1
Чтобы перейти к настройкам пользователя или рабочей области, перейдите в « Настройки» -> « Настройки» . Убедитесь, что вы находитесь на вкладке « Пользователь» или « Рабочая область », в зависимости от ваших потребностей, и используйте панель поиска, чтобы найти настройки. Вы также можете отключить, так Editor: Detect Indentation как этот параметр переопределит то, для чего вы установили, Editor: Insert Spaces и Editor: Tab Size когда он включен
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью чуть упростить себе жизнь в 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.
На интерактивных курсах все клавиши станут горячими
Потому что оторваться вообще не получается. 11 глав бесплатно, и −30% на подписку в первую неделю обучения.
для каждого файла typescript код visual studio использует автоматический отступ 8 пробелов. Это немного слишком много для моего вкуса, но я не могу найти, где его изменить.
возможно, он доступен как параметр, но под другим именем, поскольку я не могу найти ничего, связанного с отступом.
на панели инструментов в правом нижнем углу вы увидите предмет, который выглядит следующим образом: После нажатия на него вы получите возможность отступа с помощью пробелов или вкладок. После выбора типа отступа у вас будет возможность изменить размер отступа. В приведенном выше примере отступ имеет значение 4 символа пробела на отступ. Если вкладка выбрана в качестве символа отступа, вы увидите В Размере вместо помещения
Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите editor.tabSize и editor.insertSpaces настройки В либо Настройки Пользователя или Настройки Рабочего Пространства в зависимости от ваших потребностей
изменить отступ на основе языка программирования выполните одно из следующих способов:
добавьте это в настройки ( Ctrl + , ):
(пример для конкретных настроек TypeScript):
- Ctrl + Shift + P
- Настройки: Настройка языковых параметров. (идентификатор команды: workbench.action.configureLanguageBasedSettings )
- выбрать язык программирования
- добавить код как выше.
вы также можете установить editor.detectIndentation к false, в дополнение к ответу Эллиота-J.
VSCode перезапишет ваш editor.tabSize и editor.insertSpaces настройки для каждого файла, если он обнаруживает, что файл имеет другой шаблон отступов табуляции или пробелов. Эта проблема может возникнуть при добавлении существующих файлов в проект или при добавлении файлов с помощью генераторов кода, таких как Angular Cli. Вышеуказанная настройка предотвращает VSCode от этого.
в моем случае "EditorConfig для VS Code" расширение переопределяет настройки VSCode. Если он установлен, проверьте .файл editorconfig в корневой папке проекта.
вот пример конфига. "Indent_size" задает количество пробелов для вкладки.
Ярлык Форматирования Кода:
VSCode на Windows-Shift + Alt + F
VSCode на MacOS-Shift + Option + F
VSCode на Ubuntu-Ctrl + Shift + I
вы также можете настроить этот ярлык через настройки, если это необходимо.
Я хотел изменить отступ моего существующей HTML файл от 4 пробелов до 2 пробелов.
Я нажал кнопку "пробелы: 4" в строке состояния и изменил их на два в следующем диалоговом окне.
Читайте также: