Dmitriy (r3code) wrote,
Dmitriy
r3code

Category:

Visual Studio Code: мои настройки

Я начал исползовать Visual Studio Code, когда два года назад начал изучать язык программирования GO.
Сначала эта среда мне не очен понравилась, не было панели нструментов, кнопки Запустить, да еще и на 32 разрядной Windows нельзя установить отладчик для GO. Поработав в ней я привык и даже считаю ее удобной.
Конечно не все поддерживается из коробки, но расширения с успехом удовлетворяют дополнительные потребности.

Для работы использую тему "Material Theme" - у нее плюс втом, что область кода выделяется более контрастно, в то время как у других элементов шрифт более приглушенный.

Также классная вешь Zen Mode, когда редактор открывается в полный экран и скрывается все кроме кода, он отцентрирован посередине экрана - ничего не отвлекает.

Подключаю шрифт с лигатурами Fira Code. В настройках задать его:
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true


Я использую следующие расширения VS Code

  • Indent-rainbow (oderwat.indent-rainbow) - раскрашивает отступы в разные цвета, так легче понять что на каком уровне

  • Bracket Pair Colorizer (coenraads.bracket-pair-colorizer) или Rainbow Brackets (2gua.rainbow-brackets) - раскрашивает парные скобки в разные цвета в зависимости от уровня вложенности, упрощает поиск начала/конца блока.

  • Go (ms-vscode.go) - расширение для работы с файлами на языке Go.

  • Go Test Explorer (premparihar.gotestexplorer) - навигация по тестам в виде дерева, удобно запускать отдельные тесты и видеть какие тесты прошли в тесте.

  • Numbered Bookmarks (alefragnani.numbered-bookmarks) - нумерованные закладки как в Delphi IDE (Ctrl+Shift+1 установить, Ctrl+1 переход к закладке) до 10 закладок.

  • Proto Lint (plex.vscode-protolint) - синтаксический анализатор для файлов protobuf, проверяет ваши файлы на соответствие стилю указанному в .protolont.yml файле (можно настроить как надо, часть правил отключить).

  • Sass (robinbentley.sass-indented) - помошник при написании стилей на языке прекомпилятора SASS.

  • SNMP MIB (veracosta.mib) - подсветка синтаксиса ASN.1. Удобно при чтении файлов MIB для SNMP устройств обычно.

  • SVN (johnstoncode.svn-scm) - наше хранилище давно работает на SVN, это расширение упрощает работу с ним.

  • vscode-proto3 (zxh404.vscode-proto3) - помошник при написании файлов protobuf, проверяет синтаксис при вводе, помогает с номером поля, подсвечивает синтаксис.

  • GitLens — Git supercharged (eamodio.gitlens) - улучшает работу с Git хранилищем, можно смотреть информацию об авторе по каждой строке прямо в редакторе.

  • Todo Tree (gruntfuggly.todo-tree) - созет еще одну панель под деревом файлов с навигацией по TODO заметкам во всех файлах, удобно.

  • TODO Highlight (wayou.vscode-todo-highlight) - подсвечивает в коде текстовые метки TODO:, FIXME: и т.д. давая вам больше поводов их не пропустить, а сделать и удалить.


Небольшие хитрости:
1. Скрыть часть папок из дерева проекта.
Часто бывает в дерве проекта отображаются служебыне папки, такие как node_modules для nodejs, vendor для go. При поиске они тоже затрагиваются, что печально. Чтобы это решить мы можем их исключить: Файл - Параметры - Параметры. В поле поиска указать files.exclude затем добавить новый шаблон нажать "Добавить" и указать **/node_modules и **/vendor (для Go).
2. Для разных проектов в настройках рабочей области можно задать разные цвета заголовка окна - это поможет их отличить, когда вам нужно смотреть код двух проектов сразу на одном экране. См. Настройки - Параметры. В json создать:
"workbench.colorCustomizations": {

  "titleBar.activeForeground": "#ff0000",
  "titleBar.activeBackground": "#ff0000"
  "titleBar.inactiveBackground": "#ff0000",
  "titleBar.inactiveForeground": "#ff0000"


}

3. Создать красивый скриншот кода.
Используй расширение Polar code.
4. Показ сесси написания кода
Если писать код прямо на выступлении можно наделать ошибок и вермя потерять. Эту проблему можно решить записав сессию при помощи расширения VSCode Hacker Typer (jevakallio.vscode-hacker-typer).

Ускорение написания кода
1. Используйте сокращения Emmet. Пример в картинке:


2. Использовать несколько курсоров
Зажать Alt и мышью указать места куда вставить курсор. При вводе действия будут одинаковы для всех курсоров.



3. Использовать перемещение строк
Можно переместить целую строку используюя Alt+Up, Alt+Down (стрелки)
4. Создать копию строки
Создать копию строки над текущей Alt+Shift+Up, под Alt+Shift+Down
5. Включить навигацию Хлебных крошек.
Вид - Показать элементы навигации. Обеспечит быстрый переход между файлами



----
См. также:
- Секретные хаки VS Code https://habr.com/ru/post/435770/

Tags: #ff0000, golang, vscode, настройки, профиль
Subscribe

Posts from This Journal “golang” Tag

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments