Привет, dev 👋. Вот еще одна заметка на настройке VSCode. Он содержит список прохладных расширений 🧩 и настройки 🎛, которые я нашел исключительно полезен в моей ежедневной процедуре кодирования. Я составил это для моего Персональный сайт и решил перепоставить здесь здесь, чтобы сказать «Hello World» для dev.to 🤗
Это был субботний вечер. Я нашел, что ищу, как другие люди используют VSCode. Я был заинтересован в том, как мой опыт с моей любимой IDE может быть улучшен.
Каким-то образом сумма и качество видео на YouTube, Guides и учебники онлайн не полностью охватывали мои регулярные потребности в этих витаминах, и я решил начать с себя! Здесь я перечислю свои лучшие любимые расширения и настройки для VSCode. Итак, сиденье назад, расслабись и наслаждайтесь сценой! 🚀
Одно из тех вещей, которые я ❤️ о VSCode заключается в том, как настройка становится частью жизни любого кодера. IDE, само собой, не приходит с большим количеством предварительно установленных вещей, что делает его супер-легким и хрустящим. Расширения лежат в самом сердце опыта настройки. Здесь я даю свой выбор самых крутых расширений для VSCode для 2️⃣0️⃣2️⃣1️⃣.
: emojisense: 🐕🐷🐀🐂🐯🐰🐲🐍🐴🐑🐒🐓
SUP DAWG, я слышал тебя как эмохис … : emojisense: Это одно из моих любимых расширений, поскольку он позволяет добавлять Emojis в свой код и даже в поле сообщения Commit. Привыкли к слабым опыте или просто из слов, когда у вас друга? Git Push Origin Main –Force 💔. Ну, пожалуйста!
Кронштейн пара Colorizer 2 (да, второй)
Я думаю, здесь не много, чтобы обсудить здесь. Он будет раскрасен соответствующий уровень вложенных скобок для вас. Итак, теперь вы можете сходить с ума с твоим любимым для сопряжений без SyntaxError 😉.
Путь Intellisense
Каким-то образом VSCode не приходит с хорошей поддержкой для автозаполнения пути вне коробки. По этой причине вам понадобится расширение, чтобы поддержать вас. Я попробовал несколько разных. К сожалению, я не мог выбрать мою любимую, так как все они немного неуклюже. Итак, я просто придерживаюсь самого популярного 🤷.
Для этого для работы вы должны отключить автозаполнение пути VSCode по умолчанию в Пользовательские настройки Отказ
"typescript.suggest.paths": false,
Удаленный SSH.
Это руки вниз на самом важном расширении на VSCode для меня 🙏. Я бросил Jupyter в пользу VSCode только потому, что имеет это расширение. Удаленный SSH Позволяет редактировать, запустить, отладку, тип, тестирование, Lint, файлы поиска вашего кода – все, что вы можете сделать на VSCode на локальной машине, можно сделать на пульте, включая Docker. Это не требует какой-либо специальной установки на удаленном компьютере или на этой утомительной монтаже папок – это просто работает 👍!
Примечание. Расширение разработано Microsoft, и это один из тех знаменитых «убийственных функций», который на самом деле не открывается источником. Да, это бесплатно и даже имеет Github repo Но нет исходного кода, Только проблемы
Для лучшего опыта увеличивайте время, которое вам нужно ввести учетные данные при подключении до перезагрузки окна (раздражает!).
"remote.SSH.connectTimeout": 1200,
Live Server
Иногда мне нужно составить немного HTML с CSS. Live Server позволяет увидеть предварительный просмотр «живых» изменений, как в Брекеты Отказ
vscode-pdf.
Не спрашивайте меня, почему 🤫 Но иногда у меня есть .pdf.pdf. Где-то рядом с моим кодом, и я хотел бы открыть его без загрузки. Чего ждать? И вам того же? Хорошо, это расширение имеет именно это.
CSS PEEK.
Этот также довольно хороший 🤗. Часто вы хотели бы Перейти к определению класса в теге, который определяется где-то в вашем исходном коде. Это расширение работает похоже на экосистему VSCode.
Htmlhint.
Проверяет ваши HTML-файлы против нескольких простых правил E.g. что SRC не пусто, и если цитаты используются для окружения значения атрибута.
Отмена все в одном
Один из моих любимых ⭐ расширений, которые я использую ежедневно. Он великолепно настроен на ваш опыт редактирования отметки с множеством полезных инструментов, таких как краткосрезанный, чтобы проверить Todo Флажки, добавление ссылки, включающее выбранный текст с надлежащим скобками, курсивом или жирным шрифтом текста, автоматически добавляя новые элементы в список с надлежащим отступом и показывать вам просмотр Live (WYSIWYG-STYLE).
Python и Pylance.
Я не был уверен, что мне нужно упомянуть расширение Python, потому что вы знаете об этом уже, если вы когда-либо запрограммировали в Python в VSCode. Итак, я бы только поделился правильные настройки для него. С Python я люблю использовать Пилия который является лучшим языковым сервером для Python. Он поддерживает автоматический импорт, проверка типа (вроде в mary ), и это быстро 🏃💨.
Примечание : Пилия Является ли сервер Python Language для VSCode Microsoft. Вместе с Удаленный SSH и Docker Extensions, Pylance также бесплатна, но имеет закрытый исходный код 🙁. Если вам не нравится, что он закрыт, вы можете попробовать еще один – к счастью в VSCode это всего лишь одна строка кода.
Активировать PyLans, вам нужно установить Расширение пийтеля и укажите его в настройках:
"python.languageServer": "Pylance",
Если он «TRUE», как только вы начнете новый терминал, он автоматически активирует (источник) ту же виртуальную среду (CONDA) в качестве переводчика VSCode. Я обнаружил, что это полезно на кластерах, где поиск виртуальной среды занимает некоторое время:
"python.terminal.activateEnvironment": false,
Этот довольно милый, при перезапуске ядра ноутбука Jupyter вам не будет предложено подтвердить:
"python.dataScience.askForKernelRestart": false,
По умолчанию Autopep8 Разбивает ваш код с кодом после 80 символов. Если ваши правители настраиваются, чтобы быть отличным, чем 80 символов (например, 110), поведение AutopeP8 становится немного раздражающим. Чтобы предотвратить его упаковывать длинные линии, используйте эту настройку:
"python.formatting.autopep8Args": [
"--max-line-length=110",
],
Я использую flake8. Линтер потому что Пилинт Имеет некоторые проблемы с Pytorch, Numpy и CV2. Это также бросит вам предупреждение, если ваш код длиннее 80 символов. Мы изменим это и используем еще несколько правил игнорирования. Пожалуйста, смотрите описание игнорированных кодов здесь :
"python.linting.flake8Enabled": true,
"python.linting.flake8Args": [
"--max-line-length=110",
"--ignore=W293,E302,E266,W391,E402,E226,W291,E116,E502",
],
Мне нравятся мои ноутбуки Jupyter, чтобы выглядеть белыми, если я когда-нибудь их открываю. Игнорирование темы VSCode делает для меня трюк:
"python.dataScience.ignoreVscodeTheme": true,
Переводчик Python по умолчанию для рабочего пространства, если он еще не выбран:
"python.pythonPath": "/usr/bin/python3",
Удлинитель Python имеет раздражающую страницу приветствия, которая должна быть выключена:
"python.showStartPage": false,
Генератор Python DocString
Создает шаблон DocString для вашей функции Python 🐍 для аргументов и типов возврата. Теперь у вас нет оправдания для пропуска записи Docstring для ваших плохих мальчиков 💪.
Мне нравится использовать отдельные цитаты ( '' '' ) вместо двойных ( "" " ) по всему коду Python. Следовательно, Настройки:
"autoDocstring.quoteStyle": "'''",
Быстрый и простой выбор текста
Когда я пишу свой код, я часто работаю с файлами. Обычный корпус использования – это когда вы находитесь внутри «цитаты» и хотели бы скопировать контент внутри из них вставку где-то еще и просто удалить все это. Мне нужна это так часто, поэтому я даже узнал эти неловкие ярлыки (аккорды). Это одна из тех потрясающих вещей, которые вы хотели бы иметь, но не хотите учиться Vim 😃.
Монитор ресурсов
Иногда я разделяю машину GPU с другими, а дисковое пространство следует наблюдать, как наборы данных или сохраненные журналы могут быть очень голодны для ваших гигабайт. Другие пользователи, я просто хочу быстро получить чувство CPU и RAM-штата без запуска HTOP 🦥. Для всех этих, я использую Ресурсный монитор 📈 который показывает те, которые показывают, что в вашей строке состояния.
По умолчанию он показывает только CPU и RAM. Добавьте эти строки, чтобы также отслеживать ваши диски:
"resmon.show.disk": true, "resmon.disk.format": "PercentUsed", "resmon.disk.drives": ["/dev/sda4", "/dev/sda3", "/dev/sdb1", "/dev/nvme0n1p1"],
Радуга CSV
Когда-нибудь пытался открыть и редактировать широкий CSV? ” Хорошо, я устанавливаю седьмую колонку в этой строке. Тогда мне нужно найти седьмой столбец в следующем ряду: один, два, три … (считая запятых) “- Yikes 😒! Радуга CSV 🌈 Поможет вам с этим. Он будет раскрасить содержимое каждого столбца и расскажет, покажет заголовок этой колонны, что облегчает навигацию и редактирование.
Pytorch фрагменты
Я огромный поклонник фскодельных фрагментов. Они эффективны и легко привыкнуть. Это для Pytorch, но вы можете найти фрагменты для многих других рамки и инструментов 🚀.
VIM эмулятор
Это расширение пытается эмулировать поведение VIM на VSCode. Изначально я подумал, что это просто пригладит понравившийся подход к редактированию, но на самом деле он также работает в некоторых VSCODE Windows E.G. Вкладка Explorer (Ницца! 🔥).
По умолчанию Vim Yanks Info в «Регистрация» и при копировании-вставке из сети это не в буфере обмена:
"vim.useSystemClipboard": true,
Это позволяет вам выйти из режима « insert » с помощью « JJ ». Сашуля говорит, что это «должно» при использовании VIM:
"vim.insertModeKeyBindings": [{
"before": ["j", "j"],
"after": [""]
}],
Я обнаружил, что лидер на « , » работает лучше для меня:
"vim.leader": ",",
Чтобы настроить эмуляцию Easymotion-Vim и Surround.Vim Добавьте это:
"vim.easymotion": true, "vim.surround": true,
Исключить .vimrc если у тебя есть:
"vim.vimrc.enable": true,
Помимо расширений 🧩, я действительно ❤️ Подход VSCode к настройкам пользователя. Почти все могут быть настроены. Здесь я предоставляю набор полезных настроек, которые будут перезаряжать ваш VSCode 💪.
Тема монокай 👍.
До VScode я использовал Sublime Text 3 только для принятия записей или открытия текстовых файлов. Я думаю, что тема Sublime (Monokai) – лучшая тема для VSCode или любой IDE, на самом деле. Это не очень темно и не очень мрачно, он довольно красочен и просто приятно смотреть. Функция вызовы, классы, и их методы будут выделены для вас. Monokai это хорошо, но вам придется изменить несколько маленьких вещей, чтобы сделать его немного более контрастным в некоторых местах. Кроме того, самая крутая вещь – это цвет границы терминала. Это полезно, когда у вас есть несколько терминалов друг на друга:
"workbench.colorTheme": "Monokai",
"workbench.colorCustomizations": {
"diffEditor.removedTextBackground": "#bb3d3d55",
"diffEditor.insertedTextBackground": "#4bb36255",
"editor.selectionBackground": "#135564",
"editor.selectionHighlightBackground": "#135564",
"terminal.border": "#ffffff",
},
Редактор 👨💻.
Большинство ваших взаимодействий с IDE происходит в редакторе, где вы делаете свою ракетную науку 🚀. Подобно выбору матраса для вашей кровати 🛏️, вы должны быть дотокуны до самой высокой степени, улучшающей ваш редактор, потому что даже небольшие улучшения производительности будут полезны вам в долгосрочной перспективе.
Когда я печатаю, я хочу увидеть опции автозаполнения ASAP💨!
"editor.quickSuggestionsDelay": 0,
Когда я копирую код, я бы хотел, чтобы он был отформатирован на пасте в соответствии с форматированным кодом, я использую (например, autopep8 ):
"editor.formatOnPaste": true,
Отсутствие автозаполнения в строках и комментариях является одним из моих наименее любимых настроек по умолчанию на VSCode:
"editor.quickSuggestions": {
"strings": true,
"comments": true,
},
Мне нравятся мои фрагменты, чтобы появиться над другими предложениями автоматического завершения. Это облегчает более быструю кодирование:
"editor.snippetSuggestions": "top",
Покажите путь к открытому файлу в окне имя:
"window.title": "${activeEditorLong}",
Отображение пробелов и других управляющих символов (запомните «скрытый текст» в MS Word?):
"editor.renderWhitespace": "all", "editor.renderControlCharacters": true,
Я не очень люблю по умолчанию Лимит линии Pep8 80 – символ . Почему? Вот Линус ‘Примечание (TL; DR: Ни у кого нет длинных терминалов 80 символов, и даже если вы сделаете, не давайте нам страдать). ОК, хорошо, он о ядре Linux, но в любом случае! Почему 110? Поскольку это «безопасная» длина для отображения кода в GitHub, так как он не будет создавать горизонтальный свиток (ухудшая прокрутка – не только на GitHub, но и в редакторе). Я также поддерживаю шрифт редактора 14 баллов:
"editor.rulers": [
110
],
"editor.wordWrap": "on",
"editor.fontSize": 14,
Я долго держал это, убеждая себя, что это полезно (не на самом деле):
"editor.minimap.enabled": false,
Это немного сложно, чтобы объяснить. Настройка управляет положением наводчика, выбранной, когда появится список автозаполнения. Если это не «сначала», он будет предварительно выбрать недавно использованный, а не верхнее предложение:
"editor.suggestSelection": "first",
Представьте, что вы используете некоторые автоблокировки (например, autopep8), и вы хотели бы внести незначительное изменение в клонированном коде. Вы принимаете изменения, сохраняете файл и увидите много измененных линий, которые сделали ваш автоматический файл. Этот параметр применит только формул на модифицированной области Git – удобно, верно?
"editor.formatOnSaveMode": "modifications",
Этот полезный, когда вы используете VIM. Он отобразит текущий номер строки и номер относительной линии к текущему:
"editor.lineNumbers": "relative",
Терминал 🟩.
Вторая самая подержанная вещь на VSCode для меня является терминалом и, следовательно, также требует особого внимания.
Никогда не нашел курсор в стиле блока ▋, чтобы быть привлекательным и всегда заменял его с «лучом» |. Размер шрифта в терминале зависит от вас, но я использую 14 PT – так же, как в редакторе:
"terminal.integrated.fontSize": 14, "terminal.integrated.cursorStyle": "line",
Я использую ZSH (с ohmyzsh ) везде, поэтому мне нужно сказать VSCode, который я использую его, иначе он будет инициализировать Bash Shell 🐚:
"terminal.integrated.shell.linux": "/bin/zsh", "terminal.integrated.shell.osx": "/bin/zsh",
” Если вы не знаете историю, вы обречены, чтобы повторить его «😁:
"terminal.integrated.scrollback": 10000,
Макет 🎛 ️
Это настройки более высокого уровня и повлияют на макет окна VSCode.
Во-первых, вы можете сохранить боковую панель (она где ваши файлы/расширения/GIT по умолчанию) на правой стороне 👉. Во-вторых, Workbench Panel (она, где ваши терминал/выход/отладки по умолчанию) должны быть слева 👈:
"workbench.sideBar.location": "right", "workbench.panel.defaultLocation": "left",
Третья (необязательная) вещь состоит в том, чтобы сохранить некоторую горизонтальную недвижимость, скрывая панель активности (именно этот устойчивый крайний столбец, который вы нажимаете на открытие проводника/контроля версий/расширений/докер). Как только это скрыто, используйте Команда Pallete открыть их ( cmd/ctrl + shift + p ) или назначьте некоторые ярлыки:
"workbench.activityBar.visible": false,
Наконец, VSCode Highlights и, если скрыто, раскрывает исследователь при включении редактирования файла. Это немного раздражает, особенно если папка с этим файлом содержит множество других файлов:
"explorer.autoReveal": false,
Работа с файлами 🗄️
VSCode имеет много приятных вариантов, которые по умолчанию отключены и автоматизируют ваш рабочий процесс с файлами️.
Чтобы запустить шариковую прокат, сообщите своему VSCode, чтобы сделать скучные вещи для вас автоматически озагощению, а именно, чтобы обрезать дополнительные пробелы, окончательные пустые новости и вставьте только одну новую строку в конце:
"files.trimTrailingWhitespace": true, "files.insertFinalNewline": true, "files.trimFinalNewlines": true,
Далее мне нравится мой исследователь, чтобы быть как можно более подробно с точки зрения шоу папок. В то же время я не хочу искать по озвучивать папка:
"files.exclude": {
"**/.DS_Store": false,
"**/.git": false,
"**/.hg": false,
"**/.svn": false,
"**/CVS": false,
},
"search.exclude": {
"**/.git": true,
},
Разное 🎚️.
Остальные настройки, которые не попадают в какие-либо из предыдущих разделов.
Если вы не хотите отправлять анонимные данные и аналитику в Microsoft, вы можете отключить телеметрию:
"telemetry.enableCrashReporter": false, "telemetry.enableTelemetry": false,
При настройке GIT вы можете узнать VSCode игнорировать устаревшее предупреждение, когда вы используете старую версию GIT. Кроме того, я не очень доволен близким VSCode ❎ Github Integration и я бы предпочел набрать свой логин и пройти каждый раз:
"github.gitAuthentication": false, "git.ignoreLegacyWarning": true,
Создание редактора Diff больше доброго:
"diffEditor.ignoreTrimWhitespace": false,
Изменение размера шрифта DEBUG Console, чтобы соответствовать терминалу и редактору:
"debug.console.fontSize": 14,
Мое сообщение в этой ноте сводится к следующему: «Оставьте свой IDE рано 💪». Если ваша повседневная работа 👷♀️ или обучение 🎓 рутина включает в себя много кодирования, овладение вашей любимой IDE будет значительно увеличить скорость вашего развития в долгосрочной перспективе. Есть несколько хороших идентификаций там (ноутбук Jupyter не входит в этот 😼): Пычарм (для Python в основном), Vim (немного неловкое навигация сначала, но круто), Emacs (Навигация также немного странно, но хорошо, если вы привыкли к нему). I ❤️. Vscode. И я надеюсь, что вы, по крайней мере, как это тоже. Эти настройки и расширения заставили меня наслаждаться кодировкой намного больше, чем раньше. Есть еще одна часть, которая является раскрытыми сочетаниями клавиш. Если вы хотите, чтобы я поделился ими подобным образом, дайте мне знать, отправив мне электронное письмо или Создание проблемы на Github Отказ
Это руководство было составлено во время рождественских праздников 🎄 в 2020 году, и он отражает настройки, которые я использовал в 2020 году. Я планирую обновить этот пост, если придут более крутые вещи.
Я оставлю вас здесь с парой приятных вещей, чтобы проверить, если вам нравится этот вид контента:
Дружелюбный руководство по манифесту Алекс Лапин
Python Esssentials – пакет полезных расширений Python для VSCode
Если бы вы нашли это интересно, я был бы рад узнать об этом. Итак, не стесняйтесь бросить мне сообщение на Linkedin. или Twitter Отказ У меня также есть активный Профиль GitHub Где я отслеживаю свои и личные проекты. 🤗
Оригинал: “https://dev.to/iashin/vscode-customization-supercharge-your-ide-43fn”