watermark logo

146 просмотров· 12 Ноябрь 2023· Обучение

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


Watcher
65 Подписчики

В видео я настроил VS Code максимально удобно на сколько это возможно, как минимум для меня, видео не позиционирует себя как 100% подходящий вариант для вас, расчет на то что бы выберете что вам подходит в настройке Vs Code что нет.

=== Полезные ссылки ===
Лучший шрифт для VS Code - https://www.youtube.com/watch?v=2ObR91nsBoI
Крутая консоль от Windows - https://www.youtube.com/watch?v=yasFIsKq-9U

=== Полезная информация ===
- Для корректной работы "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

Показать ещё

Следующий


0 Комментарии