Это 9-й день моего участия в ноябрьском испытании обновлений, подробности о событии:Вызов последнего обновления 2021 г.
Эта статья переведена с:Top 10 Advanced VS Code Settings for Senior Developers
Пытка души:ваш VS-кодsettings.jsonСколько строк в файле?
Я проверил более 60 строк, и некоторые из них кажутся относительно незнакомыми, я не знаю, для чего используется конфигурация; ╮(╯▽╰)╭
Эта статья приносит 10settings.jsonЭлемент конфигурации высокого (установочного) уровня (чашка)~
1. Скрыть панель активности
Список значков в левой части VS Code — это «панель активности», мы можем щелкнуть значок, чтобы перейти к каждому модулю, мы можем настроитьworkbench.activityBar.visibleуправлять отображением панели активности;
Если вы хотите восстановить отображение, вы можете настроить сочетание клавиш, чтобы снова отобразить это пространство;
Как установить горячие клавиши:keybindings
мы можем использоватьCtrl+BЧтобы скрыть/показать проводник, используйтеCtrl+Alt+Bскрыть/показать панель активности;
Хотя, вы также можете сделать это в палитре командCtrl+Shift+PИщите посередине, но использование горячих клавиш даст более эффект наполнения стакана~
Когда панель активности скрыта, мы также можем переходить к другим рабочим областям с помощью сочетаний клавиш, таких какCtrl+Shift+E(переходит в проводник),Ctrl+Shift+X(перейти к расширению),Ctrl+Shift+H(поиск и замена) и т.д.
2. Кодирование ИИ
GitHub Copilot — это расширение для VS Code, которое генерирует фрагменты по мере написания кода;
Поскольку это искусственный интеллект и машинное обучение, некоторые коды могут вам не нравиться, но, пожалуйста, не ненавидьте их, в конце концов, кодирование ИИ — это будущая тенденция!
Из соображений конфиденциальности рекомендуется не использовать Copilot на работе, но его можно использовать в личных проектах, интересных и полезных, особенно для модульного тестирования;
допустимыйsettings.jsonНастройте второго пилота в ;
3. Шрифты и масштабирование
Объяснять особо нечего, и настройте размер текста и коэффициент масштабирования в соответствии с вашими потребностями;
Конечно, вы не должны бытьsettings.jsonчтобы записать эту конфигурацию, или настроить ее в окне «Параметры и входные конфигурации».
4. Нет подтверждения перетаскивания/удаления
Если вы достаточно уверены в своих навыках программирования или хорошо разбираетесь в VS CodeCtrl+ZДостаточно уверенно, вы можете настроить подтверждение восстановления, потому что подтверждение перетаскивания/удаления иногда может мешать думать~
5. Абсолютный путь самостоятельного обновления
Одной из лучших особенностей VS Code является то, что его файлы импортируются с использованием абсолютных путей, таких как:@/components/ButtonСравнивать../../Buttonболее удобный
Хотите, чтобы VS Code автоматически обновлял пути к файлам при перемещении файлов для реорганизации каталогов? Вы можете настроить их:
Обратите внимание, что вам нужно настроить путь в файле .tsconfig/.jsconfig для импорта с использованием абсолютных путей.
6. Сохраните выполнение
Любой, кто настроил ESLint для сохранения исправлений, должен знать эту конфигурацию. Это очень мощно, внеfixAll, но такжеaddMissingImportsДополнить отсутствующие импорты или другие действия, которые вы хотите выполнить после сохранения;
Эта конфигурация похожа на магию программирования~
7. CSS-форматирование
Возможно, вы уже используете Stylelint, если нет, установите его в конфиге!
Другая настройкаeditor.suggest.insertMode, когда установлено значение“replace”, означает - когда вы выбираете подсказку и нажимаете Tab или Enter, весь текст заменяется подсказкой, что очень полезно.
8. Запустите Эммета
вы можете быть знакомы сEmmet- Необходимый инструментарий для веб-разработчиков, если у вас его нет, настройте его, хотя он встроен в VS Code, для включения его необходимо настроить вручную;
9. Tailwind CSS
Tailwind CSS — это ориентированная на функции CSS-инфраструктура, которая интегрируется сflex, pt-4, text-center и rotate-90Такие классы, их можно комбинировать непосредственно в скриптовом языке разметки для построения любого дизайна.
Хотя в настоящее время он не встроен в VS Code, он доступен как бесплатное расширение VS Code для установки и использования, и вы можете настроить дополнительные параметры для расширения его функциональности!
10. Нажмите «Открыть файл».
Пользовательский интерфейс VS Code по умолчанию имеет странность, заключающуюся в том, что для открытия файла из проводника требуется двойной щелчок.
Одним щелчком мыши вы получаете странный режим «предварительного просмотра», в котором первый файл исчезает, когда вы нажимаете на следующий. Это как иметь только одну вкладку.
Эта конфигурация является обязательной, и при закрытии щелчок откроет файл в новой вкладке. Проблема решена~
будет настроен сSettings SyncСинхронизируйте, персонализируйте и настраивайте, где бы вы ни находились! здорово!
Выше приведен обмен этой статьей, что вам нужно нажать на дно коробки?VS Code-settings.jsonнастроить его? Добро пожаловать, чтобы комментировать, оставлять сообщения, делиться и обмениваться (#^.^#)
Я Энтони, одноименный паблик-аккаунт, пешка на солнце, золото на солнце, до свидания~