VS Code

Ustawienia Vs Code dla Php, Js, Laravel, Vue.

https://code.visualstudio.com/docs/languages/html https://docs.emmet.io/cheat-sheet/

Extensions

• JavaScript (ES6) code snippets
• PHP Intelephense
• Laravel Blade Snippets
• Vue Language Features (Volar)
• Prettier
• BeardedTheme
• Material Icon Theme
• GTK Dark Title Bar
• Inline Parameters for VSCode

Google Fonts

• Fira Code

Vscode ustawienia w katalogu projektu

.vscode\settings.json

# Lub globalnie
C:\Users\[USERNAME]\AppData\Roaming\Code\User\settings.json

GTK remove top bar

{
 "window.titleBarStyle": "custom"
}

Prettier

{
 "editor.formatOnSave": true,
 "editor.defaultFormatter": "esbenp.prettier-vscode",
 "prettier.printWidth": 1000, // Line width dont breake lines
 "prettier.bracketSameLine": true, // Dont break tag end >
}

Opcjonalnie .editorconfig (will override all settings)

[*.{js,ts,vue,css}]
quote_type = single
indent_style = space
indent_size = 2
trim_trailing_whitespace = true

VSCode skróty

Ctrl + / - Komentowanie zaznaczonego tekstu i z powrotem

Ctrl + D - Zaznacz ten sam tekst, strzałki przesuń kursor i dodaj lub zamień tekst

Lewy Alt + Click - Ustaw kursor multiline i przesuń lub zaznacz ten sam tekst strzałki z SHIFT

Alt + Shift + ArrowUp or ArrowDown - Kopiuj linijkę

Alt + ArrowUp or ArrowDown - Przesuń linijkę lub zaznaczenie

# GTK4 remove shorts for copy line
gsettings set org.gnome.desktop.wm.keybindings switch-to-workspace-up "['<Super>Page_Up']"
gsettings set org.gnome.desktop.wm.keybindings switch-to-workspace-down "['<Super>Page_Down']"
gsettings set org.gnome.desktop.wm.keybindings move-to-workspace-up "['<Super><Shift>Page_Up']"
gsettings set org.gnome.desktop.wm.keybindings move-to-workspace-down "['<Super><Shift>Page_Down']"

Zdjęcia