Старый дядя «Освободите руки» учит вас VS Code Disco

внешний интерфейс Visual Studio Code
Старый дядя «Освободите руки» учит вас VS Code Disco

Видимость: 🌟🌟🌟🌟🌟

Вкус: Пельмени на пару с ослиным мясом

Время приготовления: 15 мин.

Это лучшее из времен и худшее из времен.

Самая романтичная строчка, которую я слышал в этом году:我们在键盘上留下的余温,也将随时代传递到更远的将来。

Я чувствую, что у рационального технического человека больше фильтров мягкого света.

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

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

Я могу только спросить своего дядю.

(老舅来了赶紧点个赞)

Нарисуй дракона со мной слева 🐲

Левая клавиатура

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

панель управления

Command + Shift + P / F1Палитра команд

Command + Shift + Eфайловый менеджер

Command + Shift + FПоиск по файлам

Command + Shift + DЗапуск и отладка

Command + Shift + XУправление расширениями

Command + Shift + MПросмотр ошибок и предупреждений

Command + Jоткрыть закрыть панель

Command + Nсоздать новый файл

Command + Shift + NОткройте новое окно редактора

Command + WЗакрыть текущее окно редактора

Command + Shift + Wзакрыть текущий редактор

Command + / —зум

Command + /добавить заметки

Ctrl + `Открыть/закрыть терминал

Встряхните промежность

переместите блоки кода

Command + Shift + EnterПереместите курсор на строку над текущей строкой, чтобы открыть новую строку кода.

Command + EnterПереместите курсор на строку ниже текущей строки, чтобы открыть новую строку кода.

Option + 上下方向键Перемещайте текущую строку или выбранные в данный момент строки кода вверх и вниз в редакторе.

Shift + option + 上下方向键Скопируйте строку вверх или вниз

Практикуйте эти операции хорошо, и ваши клавиши Cmd + C и Cmd + V будут работать дольше.

код формата

Option + Shift + Fкод формата

Command + Shift + PОткройте командную панель и введите tra, чтобы выбрать регистр для переключения.

Command + JОбъединить строки кода

Выберите блок кода и нажмитеTabЧтобы увеличить отступ, нажмитеShift + Tabуменьшить отступ

нажмите один за другимCommand + k Command + 0все коды сгиба

нажмите один за другимCommand + K Command + JРазвернуть весь код

Укажите на сияющий шар света

Курсор действия

Option + 左右方向键Перемещайте курсор в единицах слова

Command + 左右方向键Переместите курсор в единицах первой строки и конца строки

Command + 上下方向键Переместить курсор в единицах документа первого ряда и последнего поведения

Command + Shift + \Перемещайте курсор в единицах фигурных скобок

Option + 左右方向键 + ShiftВыбрать символы от начала/конца до курсора в единицах слова

Command + Shift + 上下方向键Выделить весь контент спереди/сзади с текущим курсором в качестве единицы измерения

Option + DeleteУдалить содержимое перед курсором текущего слова

fn + Option + DeleteУдалить содержимое после текущего курсора слова

fn + Command + DeleteУдалить все справа от курсора в текущей строке

Command + DeleteУдалить все слева от курсора текущей строки

Command + Shift + Kудалить текущую строку

Command + Xвырезать текущую строку

Command + UОтменить движение курсора и выбор

Command + Shift + VВставить обычный текст

комбо с несколькими курсорами

Command + Option + 下方向键Создать новый курсор под текущим курсором

Command + 右方向键Переместите курсор в конец каждой строки

Command + D

Поместите курсор на слово, где необходимо создать несколько курсоров, нажмите Command + D, Command + D, Command + D..., чтобы добавить курсор к тому же слову.

Option + Shift + I

Добавить курсор в конец каждой строки выбранного содержимого

Операция перехода

Command + PНайдите файл, выберите его и откройте. Если вы хотите сохранить исходный файл, откройте выбранный файл в новом окне и нажмитеCommand + Enter

Ctrl + TabНажмите одновременно, сначала отпуститеTab, в списке поTabПереключитесь, чтобы выбрать файл, который нужно открыть, выберите и отпуститеCtrlПрыгать в.

Ctrl + G:行号Возможен переход по линии

Command + F12Перейти к местоположению определения функции

Shift + F12перейти к указанной ссылке

Нарисуй радугу справа от себя 🌈

Управление правой рукой

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

  • Щелчок левой кнопкой мыши: переместить курсор

  • Двойной щелчок: выберите слово под текущим курсором

  • Тройной щелчок: выберите текущую строку

  • Четырехкратный щелчок: выберите весь документ

  • Нажмите на номер строки и переместите мышь, чтобы выбрать несколько строк кода.

  • Перетащите выбранную строку с помощью мыши, чтобы переместить выбранный блок кода.

  • Нажмите клавишу Option, чтобы скопировать блок вставки во время перетаскивания левой кнопки.

Мультикурсорная операция

нажмите и удерживайтеOptionМышь щелкает там, где нужно создать курсор

Как просмотреть существующие сочетания клавиш/пользовательские сочетания клавиш?

Введите в командной панели“打开键盘快捷方式(Open Keyboard Shortcuts)”и выполнить.

Введите соответствующий символ в поле поиска“cmd+c”Или щелкните маленький значок клавиатуры справа, чтобы записать нажатия клавиш.

Вы можете найти соответствующую комбинацию клавиш для пользовательской модификации.

Серьезная рекомендация плагина

Обычная энциклопедияany-rule Автор: Жестяная коробка для завтрака

китаизацияchinese

открыть в браузереOpen-In-Browser

Автоматически закрывать теги HTML/XMLAuto Close Tag

Автоматически изменять теги HTML/XML соответствующим образомAuto Rename Tag

HTML-фрагменты/шаблоныHTML Snippets/HTML Boilerplate

Выделить комментарииTODO Highlight

стиль кодаstylelint/TSLint

Необходим для разработки VueVetur

Основы разработки ReactES7 React/Redux/GraphQL/React-Native snippets

Необходим для разработки GoGo

Фрагмент кода ES6JavaScript (ES6) code snippets

Сопоставьте точки останова на VSCode сChrome Debugger for Chrome

автоматическое завершение путиPath Intellisense

Компенсируйте отсутствие встроенного git в VSCode.GitLens

Визуализация цвета в кодvscode-pigments

Отступ кода дает подсказки по цветамIndent Rainbow

Пакеты npm в конечном итоге приводят к увеличению объема проектовImport Cost

Только цвет фигурных скобокRainbow Brackets

Менеджер проекта, руководство для разработчиков нескольких проектовProject Manager

Синхронизация конфигурации VS CodeSettings Sync

Артефакт форматирования кода упрощает написание кода в едином стиле.Prettier

значок иконкиvscode-icons-mac

больше плагинов пожалуйстаИсследуйте самостоятельно

Выберите установку и загрузку плагина, которая соответствует потребностям вашего проекта.

爱老舅,爱尤大
Люблю дядю, люблю тебя, папа

❤️Любовное тройное комбо

1. Когда увидишь это, поставь лайк и поддержи, твой лайк мой.摇头мотивация.

2. Подпишитесь на официальный аккаунт前端食堂, ваша передовая столовая, не забывайте приходить вовремя摇头!

3.Я люблю тебя навсегда в 2019 году, все желания сбываются в 2020 году, в последний день 2019 года я желаю тебе счастливого Нового года!