Лучшая настройка VS Code 2023 || Полезные расширения VS Code || VS Code лучшие плагины 2023

В видео я настроил VS Code максимально удобно на сколько это возможно, как минимум для меня, видео не позиционирует себя как 100% подходящий вариант для вас, расчет на то что бы выберете что вам подходит в настройке Vs Code что нет.
=== Полезные ссылки ===
Лучший шрифт для VS Code - • VS CODE ЛУЧШИЙ ШРИФТ 2...
Крутая консоль от Windows - • КРУТАЯ КОНСОЛЬ ДЛЯ WIN...
=== Полезная информация ===
- Для корректной работы "Code Spell Checker" + "Russian - Code Spell Checker" -
"cSpell.language": "en,ru",
- Для корректной работы "Prettier" -
"editor.formatOnPaste": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"prettier.useTabs": true,
"prettier.semi": false,
"prettier.jsxSingleQuote": true,
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
- Моя тема VS Code -
Расширения - "GitHub Theme"
Тема - "GitHub Dark"
- Размер шрифта кода -
"editor.fontSize": 18,
- Размер шрифта терминала -
"terminal.integrated.fontSize": 16,
- По умолчанию Command Prompt в VS Code -
"terminal.integrated.defaultProfile.windows": "Command Prompt",
- Отключаем не нужные Хлебные крошки -
"breadcrumbs.icons": false,
"breadcrumbs.showKeys": false,
"breadcrumbs.showFiles": false,
"breadcrumbs.symbolPath": "off",
"breadcrumbs.showArrays": false,
"breadcrumbs.showBooleans": false,
"breadcrumbs.showClasses": false,
"breadcrumbs.showConstants": false,
"breadcrumbs.showConstructors": false,
"breadcrumbs.showEnumMembers": false,
"breadcrumbs.showEvents": false,
"breadcrumbs.showFields": false,
"breadcrumbs.showEnums": false,
"breadcrumbs.showFunctions": false,
"breadcrumbs.showInterfaces": false,
"breadcrumbs.showMethods": false,
"breadcrumbs.showModules": false,
"breadcrumbs.showNamespaces": false,
"breadcrumbs.showNull": false,
"breadcrumbs.showNumbers": false,
"breadcrumbs.showObjects": false,
"breadcrumbs.showOperators": false,
"breadcrumbs.showPackages": false,
"breadcrumbs.showProperties": false,
"breadcrumbs.showStrings": false,
"breadcrumbs.showStructs": false,
"breadcrumbs.showTypeParameters": false,
"breadcrumbs.showVariables": false,
- Отключаем Мини Карту кода -
"editor.minimap.renderCharacters": false,
"editor.minimap.enabled": false,
- Общие настройки "про которые я говорил не спрашивать" -
"editor.wordWrap": "on",
"editor.unicodeHighlight.ambiguousCharacters": false,
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"editor.tabSize": 2, // размер таба
"editor.formatOnSave": true, // форматировать код при сохранении
"explorer.compactFolders": false, // компактные папки
"editor.smoothScrolling": true, // плавный скролл
"workbench.list.smoothScrolling": true, // плавный скролл
"terminal.integrated.smoothScrolling": true, // плавный скролл в терминале
"editor.cursorBlinking": "expand", // мигающей курсор
"terminal.integrated.cursorBlinking": true, // мигающей курсор
"editor.glyphMargin": false,
"editor.linkedEditing": true,
"editor.padding.top": 15, // отступ сверху кода
- Полезные расширения для Web Разработчика -
1. Babel JavaScript
2. Backticks
3. ES7+ React/Redux/React-Native snippets
4. Google Fonts
5. Google Translate
6. HTML to CSS autocompletion
7. IntelliCode
8. IntelliCode API Usage Examples
9. JavaScript (ES6) code snippets
10. JSX HTML tags
11. Live Server
12. Path Intellisense
13. React Style Helper
14. Sass (.sass only)
15. SCSS IntelliSense
16. Tailwind CSS IntelliSense
- Фикс бага Emmet -
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"typescript": "typescriptreact"
}
- Фикс бага "json ошибка" -
"http.proxySupport": "fallback",
На этом собственно всё, все эти настройки дадут вам возможность комфортно работать с vs code. Спасибо что досмотрели до конца, напоминаю просьбу про комментарий и подписку, ну а я лишь могу сказать, что среда разработки это 30% успеха любого программиста, а правильная настройка только увеличивает этот процент.
ХешТеги:
#vscode #фиксбаговvscode #настройкаvscode #vscode2023 #лучшийредакторкода #вскод #настройкавскод #настройкавскод2023

[@bananiqus]

не понимаю зачем все убирают хлебные крошки, подсмотрите горячие клавиши для работы с ними - будете гораздо быстрее ориентироваться в вашем проекте

[@Anonimus-en8kj]

что такое хлебные крошки?

[@crypto_has_you]

Руссиан? Руссиан,блять? Теперь понятно зачем тебе это расширение

[@leader7700]

Вроде дельно - но не очень понравилось что вот вам куча строк и просто ставьте и все будет норм и лишнее уйдет - но хотелось бы поподробнее тогда - возможно часть есть нужного по хлебным крошкам или по плаигину preter - а то просто смотрите как у меня и делайте как у меня и станет все как у меня ...

[@Stieg_W]

Very useful and understandable video for beginners. Thank you! I will be waiting for a detailed video about WakaTime plugin. :)

[@РустамТухватуллин-к5т]

как добавить все в json

[@okeJS3560]

спасибо большое, я уже думал где нибудь в другом месте кодить, очень помог, спасибо!

[@404Negative]

- как создать расширение, которое скачают 18 млн раз ? - нужно чтоб это расширение просто добавляло настройку "editor.linkedEditing": true ...

[@maximskorokhodov9540]

Хорошие анимированные эффекты на видео!😀

[@makssaga]

Спасибо)

[@gametv9627]

​@@makssagaРеально прикольно анимированные эффекты! Я сам создаю такие видео, только в виде анимации с помощью таких программ как: Adobe Illustrator, Adobe After affects, Movavi, и Adobe Premier pro!

[@ВладикСидоренко-т5н]

Самое трудное объяснение и не понятное,что то пишет,спешит куда то,видео переименуй на,те кто не поняли мне пох!!!

[@АртемАглиуллин-в8ч]

как вернуть точку останова???

[@МирославРуссу-з3ь]

Снимайте побольше видео ето просто супер хотелось бы уроки по JavaSkript

[@makssaga]

Готовлю видео которое тебе понравится) Пару дней и выйдет)

[@umida9266]

❤❤❤❤❤❤❤❤

[@igorakcrak4122]

Крутое видео. Про WakaTime отдельный ролик записать будет прикольно

[@RomanB-od1qn]

Thanks your time

[@ВадимБондарев-я8б]

!!!!

[@AbrahamKarapetyan-tc7ll]

почему у меня в json одна строка кода "workbench.iconTheme": "material-icon-theme" }

[@vasilich_bear]

Кратко и по делу. Спасибо тебе

[@makssaga]

Всегда рад)

[@Jeffrey_Jeff_Jeffrey]

на самом деле стремный гайд

[@masterphp]

Просто вставьте 🤣🤣🤣

[@PythonDevelopment]

Спасибо. Подписался, поставил лайк будем сотрудничать )

[@RomanB-od1qn]

Разберите пожалуйста редактор prettier ,все сделал , но он не сохраняет сам и не форматирует сам

[@makssaga]

Я услышал. Есть пару проектов над которыми работаю, видео пилить не успеваю, можете пока что написать в ЛС - телеграм, ссылка как в шапке так и в "о канале".

[@sysoev-dev]

По поводу auto rename tag , уже 1000 лет существует горячая клавиша F2, ставишь курсор на открывающий тег, жмешь f2 и пишешь в поле что нужно

[@rostendreexpoterentax6744]

Я работаю со svelte и эта фича заблочена. НО у этого расширения есть одна хрень, когда ты вставляешь что-то и случайно задеваешь тег, оно ломается, и зацикливается. ctrl+z не спасает бтв )

[@StalmakovKirill]

можешь еще быстрее нажимать. а то я только половину понимаю

[@makssaga]

sorry)

[@tatianagaten3227]

Спасибо большое! Коротко и ясно!👍

[@Vokis7]

А как правильно вставлять эти коды в JSON файл?

[@ЕвгенийБурков-в6ы]

Вам автор ответил как вставлять в JSON ? Не знаю тоже как это сделать

[@denispuntas9583]

Почему нет синтаксис подсказок с++ ,когда вводишь, например , iostream?

[@flowka8204]

Спасибо тебе за работу. Настроил и памяткой зафиксировал в блокноте. Очень помогло, ведь на днях слетела винда, пришлось всё обнулять и заново настраивать. Не бросай это занятие, даже если делаешь не часто. Спасибо еще раз!

[@ГармонистВитюша]

Я такая же хуйня

[@Tim-Fender777]

После сращивания vscode с git, все почему то слетело, начиная от темы заканчивая плагинами вскода ..

[@FozGenKo]

Несколько лет использую VSC, ни разу не использовал плагины для переименования тегов, использовал клавушу F2, это работает много где(html/js), функция rename. А сейчас эта функция есть в VSC, её нужно только включить.

[@88vok]

сслкит че не дал на расширения ? диз дальше перво трети нестал смотреть слок нет довай досвидос !

[@16gggtm]

✊

[@88vok]

видос про расширение спонсор блок запиши хоть чтоль !

[@VadimN88]

Спасибо большое!

[@Pro_TV_reporter]

Не рублю нифеля, че там можно сделать в этой визуал и как

[@ИмяФамилия-з3ш4п]

Не понимаю почему автор ещё не заработал хотя бы 10к подписчиков с таким качеством роликов. Желаю удачи в продвижении канала

[@defox9721]

поверь, тут качеством и не пахнет

[@makssaga]

:(

[@CzarOfScripts]

Ваау! Как всегда куча ненужного хлама и не одного полезного расширения, вот это класс!

[@askaman5762]

У меня когда запускаю вс код на с++, запуск программы не работает. Я на маке, кто знает помогите пожалуйста уже все перепробовал

[@sergeyyakovets4210]

где тот джисон находиться, какой алгоритм вставки там кода, если видео смотрит новичок? вот поэтому у тебя и так мало фоловеров.

[@Der_Elektrik]

только я не понимаю где этот файл в который надо всё вставлять?

[@kasato1654]

Спасибо огромное! Очень полезные дополнения!

[@dr_brown_]

Комментарий для поддержи и продвижения этого замечательного канал!

[@qwewqeqw-b9n]

wakaTime как пользовать?

[@Максим-н3я4л]

Спасибо большое всё ясно просто и коротко идеально

[@КанибаевДаулет]

все сразу скачать можно?

[@RuslanHroitskyi]

Всё очень нужное и полезное, огонь!💥🤝

[@АйдынГалымжанулы-ь1м]

Вот тебе для поддержкий

[@OlegBidikhov]

После этого видео, некоторые расширения начали жёстко мешать работать, и чтобы избавиться, пришлось выпиливать Prettier. Тут настройка от автора видимо максимально под себя, она порождает проблемы. Если будете что-то вписывать в settings.json, лучше узнайте что вписывайте, просто скопируете вам хуже.

[@igorsavovskiy1329]

А подскажешь чем именно мешал prettier?

[@vahesargsyan7573]

Большое спасибо очень полезное видео!!

[@ДмитрийЕрмаков-г6в]

Не поставляются цвета в css на vscode (раньше подставлялись для выбора, но перестали) в чем может быть проблема?

[@igormajrov8444]

Autorename уже под капотом есть. Зачем еще тег ставить?

[@makssaga]

Раньше не было, я не заметил, ты прав, спасибо.

[@Pro_TV_reporter]

И как её на русский перевести

[@6YP6ON]

Мне в Json файле выдают ошибки из-за строк кода, и если я хочу поменять иконки в настройках тоже выдает ошибку аля "перейди в json и исправь каукю-то там хрень"

[@doppelganger_d]

Нашли способ пофиксить проблему? У меня тоже такая хрень...

[@6YP6ON]

@@doppelganger_d Да, там просто некоторые строки одинаковые, поищи и удали

[@Ximelay]

Спасибо большое!

[@_Kratos_-ft9fl]

VSCode такая говнина. Я как сидел на WebStorm так и буду

[@makssaga]

Я тоже пользуюсь WebStorm, но все редакторы по своему хороши)

[@GNU_Pinus]

Volar забыл =))

[@niku5h4_i5]

народ вот все ставим в json file но я новичок и не понимаю а где этот файл ?

[@ld2848]

напиши "settings" в настройках и там будет "edit in setting.json"

[@АндрейСуслов-ш8ж]

го видос по ваке

[@anyon2925]

Подскажи, как сделать, чтобы при раскрытии body функции в js закрывающаяся скобка переходила на строку ниже при нажатии на enter, сейчас у меня при раскрытие скобок закрывающаяся скобка находится на следующей строке вместе с курсором а не под ним.

[@vvg1077]

Ну ты сам просил коммент... Очередной мамкин прогер с клик бэйтным заголовком, под которым кроется вкусовщина автора. Проснись, типичный реакт сектант. В мире существует не только реакт.... Спасибо за видео, попрошу больше ютуб не предлагать видео с этого канала.

[@PUBGMobile-ml8eg]

Спасибо за видосы

[@Denis-rv5kg]

Спасибо !

[@issa8962]

спасибо большое

[@ДмитрийГлотов-ь8х]

Vs code уже сам может переименовывать парные теги

[@makssaga]

не знал, спасибо

[@MotoMiteng]

Имба

[@-s0k0l-79]

Спасибо, очень помог )

[@hikmatillotairov8006]

Красавчик брат,удачи ❤

[@АлексейКашинцев-т1с]

Супер полезное видео! Спасибо!

[@SPECTRRODIUMmedia]

Спасибо за видео! 👍Особенно полезным инструментом для меня стал Spell, многих просмотрел и никто про него не сказал

[@SPECTRRODIUMmedia]

Отдельно хочу отметить, приятную подачу видеоматериала, хороший формат, нет раздражающих звуков и видеоэффектов. А WakaTime наверное самый нужный плагин, круто видеть сколько ты просидел над кодом и проектом😊🤓

[@makssaga]

Огромное спасибо)

[@rotenem]

не понял насчет json, где его найти

[@makssaga]

Внизу слева шестеренка -> настройки -> (потом справа сверху шестеренка) -> это и есть json файл

[@olnimus]

Лучшая настройка VS Code, это поставить WebStorm!

[@makssaga]

хах)

[@Mandarin-h7t]

Благодарю👍👍👍

[@Tip24rus]

Карта ненужная вещь?) Чего?

[@makssaga]

кому как, я же к минимализму стремлюсь)

[@Tip24rus]

@@makssaga понял) Просто карта легко помогает отслеживать участки кода

[@dzhamiali5321]

красавчик бро

[@makssaga]

Спасибо огромное