Лучшая настройка VS Code 2023 || Полезные расширения VS Code || VS Code лучшие плагины 2023
Вставка
- Опубліковано 15 жов 2024
- В видео я настроил 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
![Свежая НАСТРОЙКА VS CODE 2.0 [Расширения / Снипеты / Хоткеи]](http://i.ytimg.com/vi/_oKVkJj6C6Y/mqdefault.jpg)
![Свежая НАСТРОЙКА VS CODE 2.0 [Расширения / Снипеты / Хоткеи]](/img/tr.png)
спасибо дизайн стал красивым и удобным
спасибо большое, я уже думал где нибудь в другом месте кодить, очень помог, спасибо!
Very useful and understandable video for beginners. Thank you! I will be waiting for a detailed video about WakaTime plugin. :)
Спасибо тебе за работу. Настроил и памяткой зафиксировал в блокноте. Очень помогло, ведь на днях слетела винда, пришлось всё обнулять и заново настраивать. Не бросай это занятие, даже если делаешь не часто. Спасибо еще раз!
Я такая же хуйня
не понимаю зачем все убирают хлебные крошки, подсмотрите горячие клавиши для работы с ними - будете гораздо быстрее ориентироваться в вашем проекте
что такое хлебные крошки?
Хорошие анимированные эффекты на видео!😀
Спасибо)
@@makssagaРеально прикольно анимированные эффекты! Я сам создаю такие видео, только в виде анимации с помощью таких программ как: Adobe Illustrator, Adobe After affects, Movavi, и Adobe Premier pro!
Не понимаю почему автор ещё не заработал хотя бы 10к подписчиков с таким качеством роликов. Желаю удачи в продвижении канала
поверь, тут качеством и не пахнет
:(
Кратко и по делу. Спасибо тебе
Всегда рад)
Вроде дельно - но не очень понравилось что вот вам куча строк и просто ставьте и все будет норм и лишнее уйдет - но хотелось бы поподробнее тогда - возможно часть есть нужного по хлебным крошкам или по плаигину preter - а то просто смотрите как у меня и делайте как у меня и станет все как у меня ...
Комментарий для поддержи и продвижения этого замечательного канал!
Спасибо огромное! Очень полезные дополнения!
После сращивания vscode с git, все почему то слетело, начиная от темы заканчивая плагинами вскода ..
спасибо, большое я пока новичок и не очень разбираюсь, поэтому было бы классно рассказать что делает каждое расширение. Некоторые у меня уже есть, а про другие хотелось бы узнать
Всё очень нужное и полезное, огонь!💥🤝
Несколько лет использую VSC, ни разу не использовал плагины для переименования тегов, использовал клавушу F2, это работает много где(html/js), функция rename.
А сейчас эта функция есть в VSC, её нужно только включить.
Спасибо большое! Коротко и ясно!👍
Спасибо за видео! 👍Особенно полезным инструментом для меня стал Spell, многих просмотрел и никто про него не сказал
Отдельно хочу отметить, приятную подачу видеоматериала, хороший формат, нет раздражающих звуков и видеоэффектов.
А WakaTime наверное самый нужный плагин, круто видеть сколько ты просидел над кодом и проектом😊🤓
Огромное спасибо)
Почему нет синтаксис подсказок с++ ,когда вводишь, например , iostream?
Супер полезное видео! Спасибо!
Большое спасибо очень полезное видео!!
где тот джисон находиться, какой алгоритм вставки там кода, если видео смотрит новичок? вот поэтому у тебя и так мало фоловеров.
только я не понимаю где этот файл в который надо всё вставлять?
Красавчик брат,удачи ❤
Ваау! Как всегда куча ненужного хлама и не одного полезного расширения, вот это класс!
У меня когда запускаю вс код на с++, запуск программы не работает. Я на маке, кто знает помогите пожалуйста уже все перепробовал
Не поставляются цвета в css на vscode (раньше подставлялись для выбора, но перестали) в чем может быть проблема?
Снимайте побольше видео ето просто супер хотелось бы уроки по JavaSkript
Готовлю видео которое тебе понравится) Пару дней и выйдет)
почему у меня в json одна строка кода
"workbench.iconTheme": "material-icon-theme"
}
Спасибо большое!
Разберите пожалуйста редактор prettier ,все сделал , но он не сохраняет сам и не форматирует сам
Я услышал. Есть пару проектов над которыми работаю, видео пилить не успеваю, можете пока что написать в ЛС - телеграм, ссылка как в шапке так и в "о канале".
Спасибо большое всё ясно просто и коротко идеально
как добавить все в json
Благодарю👍👍👍
Подскажи, как сделать, чтобы при раскрытии body функции в js закрывающаяся скобка переходила на строку ниже при нажатии на enter, сейчас у меня при раскрытие скобок закрывающаяся скобка находится на следующей строке вместе с курсором а не под ним.
Спасибо, очень помог )
Мне в Json файле выдают ошибки из-за строк кода, и если я хочу поменять иконки в настройках тоже выдает ошибку аля "перейди в json и исправь каукю-то там хрень"
Нашли способ пофиксить проблему? У меня тоже такая хрень...
@@doppelganger_d Да, там просто некоторые строки одинаковые, поищи и удали
По поводу auto rename tag , уже 1000 лет существует горячая клавиша F2, ставишь курсор на открывающий тег, жмешь f2 и пишешь в поле что нужно
Я работаю со svelte и эта фича заблочена. НО у этого расширения есть одна хрень, когда ты вставляешь что-то и случайно задеваешь тег, оно ломается, и зацикливается. ctrl+z не спасает бтв )
Спасибо !
Крутое видео. Про WakaTime отдельный ролик записать будет прикольно
народ вот все ставим в json file но я новичок и не понимаю а где этот файл ?
напиши "settings" в настройках и там будет "edit in setting.json"
все сразу скачать можно?
А как правильно вставлять эти коды в JSON файл?
Вам автор ответил как вставлять в JSON ? Не знаю тоже как это сделать
Autorename уже под капотом есть. Зачем еще тег ставить?
Раньше не было, я не заметил, ты прав, спасибо.
Thanks your time
Спасибо за видосы
Не рублю нифеля, че там можно сделать в этой визуал и как
Имба
✊
красавчик бро
Спасибо огромное
wakaTime как пользовать?
не понял насчет json, где его найти
Внизу слева шестеренка -> настройки -> (потом справа сверху шестеренка) -> это и есть json файл
спасибо большое
❤❤❤❤❤❤❤❤
Вот тебе для поддержкий
Спасибо. Подписался, поставил лайк будем сотрудничать )
- как создать расширение, которое скачают 18 млн раз ?
- нужно чтоб это расширение просто добавляло настройку "editor.linkedEditing": true ...
После этого видео, некоторые расширения начали жёстко мешать работать, и чтобы избавиться, пришлось выпиливать Prettier. Тут настройка от автора видимо максимально под себя, она порождает проблемы. Если будете что-то вписывать в settings.json, лучше узнайте что вписывайте, просто скопируете вам хуже.
А подскажешь чем именно мешал prettier?
И как её на русский перевести
можешь еще быстрее нажимать. а то я только половину понимаю
sorry)
видос про расширение спонсор блок запиши хоть чтоль !
го видос по ваке
Просто вставьте 🤣🤣🤣
Volar забыл =))
Vs code уже сам может переименовывать парные теги
не знал, спасибо
на самом деле стремный гайд
Ну ты сам просил коммент...
Очередной мамкин прогер с клик бэйтным заголовком, под которым кроется вкусовщина автора.
Проснись, типичный реакт сектант. В мире существует не только реакт....
Спасибо за видео, попрошу больше ютуб не предлагать видео с этого канала.
Карта ненужная вещь?) Чего?
кому как, я же к минимализму стремлюсь)
@@makssaga понял) Просто карта легко помогает отслеживать участки кода
!!!!
Лучшая настройка VS Code, это поставить WebStorm!
хах)
Самое трудное объяснение и не понятное,что то пишет,спешит куда то,видео переименуй на,те кто не поняли мне пох!!!
VSCode такая говнина. Я как сидел на WebStorm так и буду
Я тоже пользуюсь WebStorm, но все редакторы по своему хороши)
сслкит че не дал на расширения ?
диз дальше перво трети нестал смотреть слок нет довай досвидос !
Руссиан? Руссиан,блять? Теперь понятно зачем тебе это расширение
Спасибо большое!
как вернуть точку останова???