В этой статье я поделюсь с вами своей настройкой VS Code. Он включает в себя тему и значки, которые используются, а также расширения (это очень важно).
🎨Тема
Я использую Андромеда в качестве основной темы для своего кода vs.
🪟Иконки
Что касается значков, я иногда переключаюсь между Материальная тема значков и Материальные значки темы.
Тема значка материала
Иконки темы материала
⚒️Расширения
А теперь самое приятное. Существует множество расширений, о которых я упомянул только свое любимое или то, которое я использую в основном каждый день.
Автоматическое переименование тега
Автоматически переименовывать парные теги HTML/XML, как это делает Visual Studio IDE.
Переключатель раскрашивания пары скобок
Расширение VS Code, которое дает вам простую команду для быстрого переключения глобальной «раскраски пары скобок».
C/C++
Расширение C/C++ добавляет языковую поддержку C/C++ в Visual Studio Code, включая функции редактирования (IntelliSense) и отладки.
Код бегун
Запустите фрагмент кода или файл кода для нескольких языков
Проверка правописания кода
Базовая проверка орфографии, которая хорошо работает с кодом и документами.
Цель этой проверки орфографии — помочь выявить распространенные орфографические ошибки, сохраняя при этом низкое количество ложных срабатываний.
DotENV
Подсветка синтаксиса VSCode .env.
Объектив ошибки
ErrorLens расширяет возможности языковой диагностики, делая диагностику более заметной, выделяя всю строку везде, где диагностика генерируется языком, а также печатает встроенное сообщение.
Фрагменты кода ES7+ React/Redux/React-Native
Фрагменты JavaScript и React/Redux в ES7+ с функциями плагина Babel для VS Code
ESLint
Расширение использует библиотеку ESLint, установленную в открывшейся папке рабочей области. Если в папке его нет, расширение ищет версию для глобальной установки. Если вы не установили ESLint локально или глобально, сделайте это, запустив npm install eslint в папке рабочей области для локальной установки или npm install -g eslint для глобальной установки.
Git-график
Просматривайте график Git вашего репозитория и легко выполняйте действия Git из графика. Настраивается, чтобы выглядеть так, как вы хотите!
GitLens
GitLens заряжает Git внутри VS Code и открывает неиспользованные знания в каждом репозитории. Это поможет вам визуализировать авторство кода с первого взгляда с помощью аннотаций вины Git и CodeLens, беспрепятственно перемещаться и исследовать репозитории Git, получать ценную информацию с помощью расширенных визуализации и мощные команды сравнения и многое другое.
Шаблон HTML
Это расширение предоставляет стандартный HTML-код, используемый во всех веб-приложениях.
Стоимость импорта
Это расширение будет отображать в редакторе размер импортированного пакета. Расширение использует webpack для определения импортированного размера.
Живой сервер
Это позволит вносить живые изменения без сохранения файлов.
Уценка все в одном
Все, что вам нужно для Markdown (сочетания клавиш, оглавление, автоматический предварительный просмотр и многое другое).
: VS Code имеет стандартную базовую поддержку Markdown (например, Предварительный просмотр Markdown). Дополнительную информацию см. в официальной документации.
Улучшенный предварительный просмотр уценки
Он показывает расширенный предварительный просмотр вашего контента уценки.
Вставить JSON как код
Скопируйте JSON, вставьте как Go, TypeScript, C#, C++ и т. д.
красивее
Средство форматирования кода с использованием красивее
питон
IntelliSense (Pylance), Linting, отладка (многопоточная, удаленная), Jupyter Notebooks, форматирование кода, рефакторинг, модульные тесты и многое другое.
Синхронизация настроек
Синхронизируйте настройки, фрагменты, темы, значки файлов, запуск, сочетания клавиш, рабочие пространства и расширения на нескольких компьютерах с помощью GitHub Gist.
Попутный ветер CSS IntelliSense
Интеллектуальные инструменты Tailwind CSS для VS Code
TODO
Выделите TODO, FIXME и другие аннотации в вашем коде.
Иногда вы забываете просмотреть TODO, которые вы добавили во время кодирования, прежде чем публиковать код в рабочей среде. Поэтому я давно хотел расширение, которое выделяло бы их и напоминало мне, что есть заметки или вещи, которые еще не сделаны.
Надеюсь, это расширение поможет и вам.
Журнал турбо-консоли
Автоматизация процесса написания значимых сообщений журнала.
Табнин ИИ
Tabnine — это помощник по программированию с искусственным интеллектом, который делает вас лучшим разработчиком. Tabnine повысит скорость вашей разработки благодаря автодополнению кода в реальном времени на всех самых популярных языках программирования и IDE.
⚙️Настройки
Следующий код JSON показывает мою настройку vs code:
// user/settings.json
{
"files.autoSave": "afterDelay",
"editor.mouseWheelZoom": true,
"code-runner.clearPreviousOutput": true,
"code-runner.ignoreSelection": true,
"code-runner.runInTerminal": true,
"code-runner.saveAllFilesBeforeRun": true,
"code-runner.saveFileBeforeRun": true,
"editor.wordWrap": "on",
"C_Cpp.updateChannel": "Insiders",
"editor.suggestSelection": "first",
"python.jediEnabled": false,
"editor.fontSize": 17,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"editor.minimap.size": "fit",
"editor.fontFamily": "Consolas, DejaVu Sans Mono, monospace",
"editor.fontLigatures": false,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"python.formatting.provider": "yapf",
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"git.autofetch": true,
"git.enableSmartCommit": true,
"html-css-class-completion.enableEmmetSupport": true,
"editor.formatOnPaste": true,
"liveServer.settings.donotShowInfoMsg": true,
"[python]": {
"editor.defaultFormatter": "ms-python.python"
},
"diffEditor.ignoreTrimWhitespace": false,
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[c]": {
"editor.defaultFormatter": "ms-vscode.cpptools"
},
"editor.fontWeight": "300",
"editor.fastScrollSensitivity": 6,
"explorer.confirmDragAndDrop": false,
"vsicons.dontShowNewVersionMessage": true,
"workbench.iconTheme": "material-icon-theme",
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.renderWhitespace": "none",
"workbench.startupEditor": "newUntitledFile",
"liveServer.settings.multiRootWorkspaceName": "",
"liveServer.settings.port": 5000,
"liveServer.settings.donotVerifyTags": true,
"editor.formatOnSave": true,
"html.format.indentInnerHtml": true,
"editor.formatOnType": true,
"printcode.tabSize": 4,
"terminal.integrated.confirmOnExit": "hasChildProcesses",
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.rightClickBehavior": "default",
"tailwindCSS.emmetCompletions": true,
"sync.gist": "527c3e29660c53c3f17c32260188d66d",
"gitlens.hovers.currentLine.over": "line",
"terminal.integrated.profiles.windows": {
"PowerShell": {
"source": "PowerShell",
"icon": "terminal-powershell"
},
"Command Prompt": {
"path": [
"${env:windir}\\Sysnative\\cmd.exe",
"${env:windir}\\System32\\cmd.exe"
],
"args": [],
"icon": "terminal-cmd"
},
"Git Bash": {
"source": "Git Bash"
},
"C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe (migrated)": {
"path": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
"args": []
},
"Windows PowerShell": {
"path": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
},
"Ubuntu (WSL)": {
"path": "C:\\WINDOWS\\System32\\wsl.exe",
"args": [
"-d",
"Ubuntu"
]
}
},
"javascript.updateImportsOnFileMove.enabled": "always",
"[dotenv]": {
"editor.defaultFormatter": "foxundermoon.shell-format"
},
"editor.tabSize": 2,
"cSpell.customDictionaries": {
"custom-dictionary-user": {
"name": "custom-dictionary-user",
"path": "~/.cspell/custom-dictionary-user.txt",
"addWords": true,
"scope": "user"
}
},
"window.restoreFullscreen": true,
"tabnine.experimentalAutoImports": true,
"files.defaultLanguage": "${activeEditorLanguage}",
"bracket-pair-colorizer-2.depreciation-notice": false,
"workbench.editor.wrapTabs": true,
"[markdown]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[ignore]": {
"editor.defaultFormatter": "foxundermoon.shell-format"
},
"terminal.integrated.fontFamily": "courier new",
"terminal.integrated.defaultProfile.windows": "pwsh.exe -nologo",
"terminal.integrated.shellIntegration.enabled": true,
"terminal.integrated.shellIntegration.showWelcome": false,
"editor.accessibilitySupport": "off",
"editor.bracketPairColorization.enabled": true,
"todohighlight.isEnable": true,
"terminal.integrated.shellIntegration.history": 1000,
"turboConsoleLog.insertEnclosingClass": false,
"turboConsoleLog.insertEnclosingFunction": false,
"files.autoSaveDelay": 500,
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.host": "localhost",
"liveServer.settings.fullReload": true,
"workbench.editor.enablePreview": false,
"workbench.colorTheme": "Andromeda Bordered"
}
Подведение итогов
Это все. Я надеюсь, что вы найдете это полезным. Если вы это сделаете, не забудьте поставить ❤️ и добавить в закладки 🏷️ для дальнейшего использования, а если у вас есть какие-либо вопросы или отзывы, не стесняйтесь оставлять их в комментариях ниже. посмотрю в следующем.
