Конфигурация плагина VSCode, удваивающая эффективность разработки (посередине)

внешний интерфейс Visual Studio Code VIM Открытый исходный код
Конфигурация плагина VSCode, удваивающая эффективность разработки (посередине)

эта статья«Конфигурация плагина VSCode, которая удваивает эффективность вашей разработки (включено)»Продолжение VSCode, включающее 10 плагинов для улучшения внешнего вида VSCode, расширения функций, эффективности кодирования и т. д., некоторые из которых также можно узнать в комментариях после того, как я опубликовал последнюю статью (это может быть самым большим преимуществом написания технических статей, ха-ха ), попробовав его, я думаю, что это хорошо, и теперь он указан в списке (и спасибо студентам, которые готовы комментировать и обмениваться), я надеюсь, что это будет полезно студентам, которые прочитают эту статью.

Улучшения экстерьера

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

Ссылки на отступы направляющих

В отличие от встроенных направляющих отступов,GuidesОн позволяет вам изменять цвет, стиль, цвет фона пробелов с отступом и т. д. с помощью элементов конфигурации.Если вы готовы бросить, вы даже можете настроить что-то вродеIndent RainbowОпорные линии в этом стиле. Ниже приведена конфигурация направляющих при использовании темы Solarized Dark:

{
    "guides.normal.color.dark": "rgba(91, 91, 91, 0.6)",
    "guides.normal.color.light": "rgba(220, 220, 220, 0.7)",
    "guides.active.color.dark": "rgba(210, 110, 210, 0.6)",
    "guides.active.color.light": "rgba(200, 100, 100, 0.7)",
    "guides.active.style": "dashed",
    "guides.normal.style": "dashed",
    "guides.stack.style": "dashed",
}

Реальная схема эффекта выглядит следующим образом:

TODO Highlight

Репозитории кода с более длительным временем обслуживания неизбежно будут иметь различные пометки TODO, FIXME, HACK и другие.TODO HighlightЭто может помочь нам выделить эти ключевые слова, что очень заметно, когда вы просматриваете код, как громкое напоминание вам решить его как можно скорее. Ключевые слова, которые необходимо выделить для поддержки пользовательской конфигурации, фактическое использование более ограничено, TODO, FIXME и т. д., должны сопровождаться двоеточием, иначе они не могут быть выделены. Скриншот ниже:

улучшение функции

Settings Sync

Settings SyncНа основе Gist реализованы функции резервного копирования и восстановления пользовательской конфигурации VSCode, настройки сочетания клавиш, списка установленных плагинов и т. д. Процесс настройки имеет подробные и точные этапы работы. Сгенерированная резервная копия Gist по умолчанию является частной. Если вы хотите сделать ее общедоступной, вы также можете переключить ее одним щелчком мыши. Вы можете подумать, что не нужно хвастаться тем, что машина не нуждается в резервных копиях.Из моего реального опыта, многие трагедии случаются без резервных копий.Я верю, что вы умны и знаете, что делать, ха-ха!

Git Lens

Git LensИспользование VSCode в сочетании с Git максимально оптимизировано, что позволяет нам узнать время модификации и информацию об авторе кода в позиции курсора, не выходя из редактора и не выполняя никаких команд. Официальное введение также очень хорошо:

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

Code Outline

Code OutlineОн может перечислять различные символы в исходном коде в отдельном окне, такие как имена переменных, имена классов, имена методов и т. д., и поддерживает быстрые переходы, что похоже на ctags в Vim, при просмотре старого кода и проекта с открытым исходным кодом. очень полезный код.

Эффективность кодирования

Конечная эффективность заключается в автоматизации всего, что можно автоматизировать. Следующие 4 гаджета могут значительно устранить дублирование работы при общих потребностях редактирования:

Document This

Document ThisОн может добавлять комментарии к классам и функциям в код одним щелчком мыши и поддерживает объявления функций, функциональные выражения, стрелочные функции и т. д.;

Embrace

EmbraceБыстро добавляйте различные кавычки и скобки вокруг выделенного кода, не перемещая курсор вперед и назад, но это все еще не так мощно, как плагин Surrounding в Vim;

ECMAScript Quoets Transformer

ECMAScript Quotes TransformerУдобно выполнять преобразование туда и обратно между кодом строкового и переменного режима mashup (String Concat) и режимом строкового шаблона (Template Literals), избавляя от необходимости вручную перемещать курсор, изменять кавычки и т. д.;

Code Spell Checker

Code Spell CheckerЭто настоятельно рекомендуется. Для большинства программистов, которые не являются носителями английского языка и не хотят писать имена переменных, все еще довольно сложно правильно запомнить и написать различные слова. Это отличается от поиска в онлайн-словарях, когда они неоднозначны. Плагин может в режиме реального времени определить, неправильно ли написаны слова, и выдать подсказки.Многие ошибки вызваны орфографическими ошибками.

Code Runner

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

Другие настройки: Что касается пробела в конце строки и пустой строки в конце файла, раньше это реализовывалось с помощью плагина, но теперь это можно реализовать, напрямую изменив встроенную конфигурацию VSCode. :

{
    "files.trimTrailingWhitespace": true,
    "files.insertFinalNewline": true,
    "files.trimFinalNewlines": true
}

напиши в конце

Есть старая поговорка: "Если вы хотите делать хорошую работу, вы должны сначала отточить свои инструменты". VSCode - это легкий и гибкий инструмент среди многих редакторов кода. Многие инструменты сами по себе заслуживают изучения. Если у вас есть какие-либо потребности, Расширение, Моя личная рекомендация - читать больше документации (RTFM, Read The Fucking Manual), читать больше официальной документации и выяснять возможности и ограничения ваших собственных инструментов, чтобы избежать шутки об установке велосипедных колес на спортивные автомобили Ferrari. . Если вы действительно хотите установить новые колеса, рекомендуется внимательно прочитать инструкцию к новым колесам.

Следующая часть этой серии посвящена инструментам отладки, так что следите за обновлениями.

Категории