# Visual Studio Code
Für VSCode werden in dem Wiki immer ein paar Tools/Plugins genannt, welche die Arbeit mit unserem TechStack vereinfachen. Hier sind einfach mal alle Plugins exportiert (mit dem VSC Import/Export Plugin (opens new window), welche Mathis nutzt: vsc-extensions.txt
0sawaqed.poweron
aaron-bond.better-comments
adpyke.codesnap
adpyke.vscode-sql-formatter
adrianwilczynski.alpine-js-intellisense
adrientoub.base64utils
afzalsayed96.heroicons
alefragnani.bookmarks
amiralizadeh9480.laravel-extra-intellisense
andyyaldoo.vscode-json
aslamanver.vsc-export
austenc.laravel-blade-spacer
austenc.laravel-docs
azdanov.vscode-easy-coding-standard
batisteo.vscode-django
be5invis.toml
bierner.color-info
bmewburn.vscode-intelephense-client
bradlc.vscode-tailwindcss
britesnow.vscode-toggle-quotes
chouzz.vscode-better-align
christian-kohler.npm-intellisense
christian-kohler.path-intellisense
christopherstyles.html-entities
chrmarti.regex
cierra.livewire-vscode
clarkyu.vscode-sql-beautify
codezombiech.gitignore
codingyu.laravel-goto-view
compulim.compulim-vscode-closetag
cossssmin.posthtml
cpylua.language-postcss
cstuder.gitlab-ci-validator
damms005.devdb
davidanson.vscode-markdownlint
dbaeumer.vscode-eslint
deerawan.vscode-dash
dongido.sync-env
donjayamanne.githistory
donjayamanne.python-environment-manager
donjayamanne.python-extension-pack
dotjoshjohnson.xml
eamodio.gitlens
ecmel.vscode-html-css
editorconfig.editorconfig
emeraldwalk.runonsave
enkia.tokyo-night
esbenp.prettier-vscode
figma.figma-vscode-extension
formulahendry.auto-close-tag
foxundermoon.shell-format
gencer.html-slim-scss-css-class-completion
georgykurian.laravel-ide-helper
ghmcadams.lintlens
github.copilot
github.copilot-chat
glitchbl.laravel-create-view
grapecity.gc-excelviewer
gruntfuggly.todo-tree
ihunte.laravel-blade-wrapper
ikappas.composer
jack89ita.open-file-from-path
janisdd.vscode-edit-csv
jianbingfang.dupchecker
jock.svg
jsynowiec.vscode-insertdatestring
kamikillerto.vscode-colorize
kasik96.latte
kevinrose.vsc-python-indent
kisstkondoros.vscode-gutter-preview
lacroixdavid1.vscode-format-context-menu
leighlondon.eml
letrieu.expand-region
m1guelpf.better-pest
magicstack.magicpython
mechatroner.rainbow-csv
mehedidracula.php-constructor
mehedidracula.php-namespace-resolver
mhutchie.git-graph
mikestead.dotenv
mitchdenny.ecdc
mohamedbenhida.laravel-intellisense
mohsen1.prettify-json
mousetraps.selected-character-count
mrmlnc.vscode-apache
mrmlnc.vscode-duplicate
ms-azuretools.vscode-docker
ms-ceintl.vscode-language-pack-de
ms-python.black-formatter
ms-python.debugpy
ms-python.isort
ms-python.python
ms-python.vscode-pylance
ms-toolsai.jupyter
ms-toolsai.jupyter-keymap
ms-toolsai.jupyter-renderers
ms-toolsai.vscode-jupyter-cell-tags
ms-toolsai.vscode-jupyter-slideshow
ms-vscode-remote.remote-containers
ms-vscode.live-server
ms-vscode.makefile-tools
ms-vsliveshare.vsliveshare
naoray.laravel-goto-components
neilbrayfield.php-docblocker
neptunedesign.vs-slug
netcorext.uuid-generator
nmrmsys.vscode-sql-formatter-mod
octref.vetur
oderwat.indent-rainbow
onecentlin.laravel-extension-pack
onecentlin.laravel5-snippets
open-southeners.laravel-pint
pgl.laravel-jump-controller
pmneo.tsimporter
praveencrony.total-lines
rvest.vs-code-prettier-eslint
ryannaddy.laravel-artisan
shd101wyy.markdown-preview-enhanced
shevaua.phpcs
shufo.vscode-blade-formatter
sidneys1.gitconfig
sidthesloth.html5-boilerplate
simonsiefke.svg-preview
steoates.autoimport
stylelint.vscode-stylelint
sysoev.language-stylus
tnrich.remove-whitespace-aka-join-words
tombonnike.vscode-status-bar-format-toggle
tomoki1207.pdf
tygooch.autoclose-find
tyriar.lorem-ipsum
tyriar.sort-lines
vincaslt.highlight-matching-tag
visualstudioexptteam.intellicode-api-usage-examples
visualstudioexptteam.vscodeintellicode
vs-publisher-1448185.keyoti-changeallendoflinesequence
vscode-icons-team.vscode-icons
wk-j.save-and-run
xabikos.javascriptsnippets
xdebug.php-debug
zhuangtongfa.material-theme
zignd.html-css-class-completion
ziyasal.vscode-open-in-github
Zusätzlich ist hier die angepasste config Datei für VSCode. settings.json (letztes Update 17.09.2024) (die .json ist nur ein Startpunkt und kann nach Belieben verändert werden (sofern Funktionalität nicht eingeschränkt wird).
{
"workbench.colorTheme": "Tokyo Night Storm",
"editor.fontSize": 14,
"editor.lineHeight": 30,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
"editor.cursorBlinking": "solid",
"editor.renderWhitespace": "all",
"editor.insertSpaces": true,
"editor.detectIndentation": false,
"editor.wordWrap": "wordWrapColumn",
"editor.wrappingIndent": "same",
"editor.wordWrapColumn": 110,
"editor.guides.bracketPairs": true,
"editor.bracketPairColorization.enabled": true,
"workbench.startupEditor": "newUntitledFile",
"workbench.colorCustomizations": {
"editorIndentGuide.activeBackground1": "#ff0000",
"editorBracketMatch.background": "#f008",
"editorBracketMatch.border": "#f00"
},
"window.clickThroughInactive": false,
"editor.largeFileOptimizations": false,
"editor.tabSize": 4,
"emmet.triggerExpansionOnTab": true, // enable tab to expanse emmet tags
//"blade.format.enable": true, // if you would like to enable blade format
"gitlab-notifications.privateToken": "77g4SyKeFH7X7JZxZWy4",
"workbench.editor.showTabs": "multiple",
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"workbench.iconTheme": "vscode-icons",
"liveshare.featureSet": "insiders",
"terminal.integrated.fontFamily": "MesloLGS NF",
"emmet.includeLanguages": {
"postcss": "css"
},
"better-comments.multilineComments": true,
"better-comments.highlightPlainText": false,
"better-comments.tags": [
{
"tag": "!",
"color": "#FF2D00",
"strikethrough": false,
"backgroundColor": "transparent"
},
{
"tag": "?",
"color": "#3498DB",
"strikethrough": false,
"backgroundColor": "transparent"
},
{
"tag": "//",
"color": "#474747",
"strikethrough": true,
"backgroundColor": "transparent"
},
{
"tag": "todo",
"color": "#FF8C00",
"strikethrough": false,
"backgroundColor": "transparent"
},
{
"tag": "*",
"color": "#98C379",
"strikethrough": false,
"backgroundColor": "transparent"
}
],
"update.mode": "start",
"terminal.external.osxExec": "iterm.app",
"git.autofetch": true,
"files.associations": {
"*.html": "html",
"**/templates/**/*.html": "django-html",
"**/templates/**/pdfoffer.html": "html",
".tpl": "html",
"*.module": "php"
},
"html.format.wrapAttributes": "force-aligned",
"extensions.ignoreRecommendations": false,
"[dockerfile]": {
"editor.defaultFormatter": "ms-azuretools.vscode-docker"
},
"emeraldwalk.runonsave": {
"commands": [
{
"match": ".*/templates/.*\\.html$", // only in templates dir
"cmd": "djhtml ${file} -t 2"
}
]
},
"python.languageServer": "Default",
"[django-html]": {
"editor.formatOnSave": false
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[blade]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[postcss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[sql]": {
"editor.defaultFormatter": "adpyke.vscode-sql-formatter"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"terminal.integrated.allowChords": false,
"vsicons.dontShowNewVersionMessage": true,
"editor.linkedEditing": true,
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[markdown]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"formattingToggle.affects": ["editor.formatOnSave"],
"editor.formatOnSave": true,
"editor.fontFamily": "Fira Code",
"sync-env.envDestination": [
".env.example",
".env.dusk.local",
".env.dusk.testing",
".env.dev",
".env.staging"
],
"editor.minimap.enabled": false,
"[yaml]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"javascript.updateImportsOnFileMove.enabled": "always",
"[dotenv]": {
"editor.defaultFormatter": "foxundermoon.shell-format"
},
"workbench.sideBar.location": "right",
"npm.keybindingsChangedWarningShown": true,
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"workbench.editor.autoLockGroups": {
"terminalEditor": false
},
"editor.stickyScroll.enabled": true,
"[python]": {
"editor.defaultFormatter": "ms-python.black-formatter",
"editor.formatOnType": true
},
"editor.inlineSuggest.enabled": true,
"extensions.experimental.affinity": {
"ms-toolsai.jupyter": 1,
"ms-toolsai.jupyter-renderers": 1,
"ms-python.python": 1,
"ms-python.vscode-pylance": 1
},
"vue.features.codeActions.savingTimeLimit": 2000,
"git.openRepositoryInParentFolders": "never",
"git.ignoreMissingGitWarning": true,
"laravel-pint.enable": true,
"[php]": {
"editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
},
"todo-tree.general.showActivityBarBadge": true,
"todo-tree.general.tags": ["NOTE", "TODO", "FIXME", "INFO", "[ ]", "[x]"],
"todo-tree.highlights.defaultHighlight": {
"type": "tag",
"foreground": "#000000",
"opacity": 90
},
"todo-tree.highlights.customHighlight": {
"NOTE": {
"background": "#FFA500",
"iconColour": "#FFA500",
"icon": "file"
},
"TODO": {
"background": "#FFD703",
"iconColour": "#FFD703",
"icon": "tasklist"
},
"FIXME": {
"background": "#FF01FF",
"iconColour": "#FF01FF",
"icon": "bug"
},
"INFO": {
"background": "#157EFB",
"iconColour": "#157EFB",
"icon": "tag"
},
"[ ]": {
"background": "#ff000080",
"iconColour": "#ff000080",
"icon": "square"
},
"[x]": {
"background": "#00ff0080",
"iconColour": "#00ff0080",
"icon": "square-fill"
}
},
"window.zoomLevel": 1,
"github.copilot.editor.enableAutoCompletions": true,
"security.promptForLocalFileProtocolHandling": false
}
// "[php]": {
// "editor.defaultFormatter": "esbenp.prettier-vscode"
// }
// "emeraldwalk.runonsave": {
// "commands": [
// {
// "match": "\\.php$",
// "isAsync": true,
// "cmd": "./vendor/bin/pint ${file}"
// }
// ]
// }