Politècnics Extension Pack DAW 🚀

Un pack d'extensions oficial recomanat per a l'alumnat del Cicle Formatiu de Grau Superior de Desenvolupament d'Aplicacions Web (DAW) del Centre d'Estudis Politècnics.

Aquesta col·lecció reuneix totes les eines imprescindibles per al desenvolupament web modern, cobrint tant el desenvolupament Frontend com Backend, gestió de bases de dades, proves d'API i control de versions.

📦 Extensions Incloses

🛠️ Eines Generals i Format de Codi

Prettier - Code formatter: Formateig automàtic i homogeni de codi (HTML, CSS, JS, JSON).
ESLint: Identificació i correcció d'errors de sintaxi i bones pràctiques en JavaScript.
Path Intellisense: Autocompletat de rutes d'arxius locals en les importacions.
Auto Rename Tag: Renombra automàticament l'etiqueta HTML/XML de tancament quan modifiques la d'obertura.
Auto Close Tag: Tanca automàticament les etiquetes HTML/XML al redactar-les.

🎨 Frontend (HTML, CSS, Tailwind, Bootstrap & Vue)

HTML CSS Support: Suport d'autocompletat per a classes CSS presents al projecte o via CDN.
Tailwind CSS IntelliSense: Autocompletat oficial de classes utility, linting i vista prèvia de colors per a Tailwind.
Bootstrap 5 Quick Snippets: Drecera de codi (snippets) per construir components de Bootstrap 5 ràpidament.
Vue - Official (Volar): Suport oficial del llenguatge i ressaltat de sintaxi per a Vue 3.
Vue VSCode Snippets: Snippets per a l'estructura de components Single File (SFC) de Vue.
Vitest Explorer: Integració i execució de test unitaris amb Vitest directament des de VS Code.

🐘 Backend (PHP & Laravel)

PHP Intelephense: Autocompletat intel·ligent, navegació per codi i anàlisi detallat per a PHP.
PHP Debug: Integració amb Xdebug per realitzar depuració pas a pas en projectes PHP.
phpfmt - PHP formatter: Formateig automàtic de codi PHP segons els estàndards PSR.
PHP Namespace Resolver: Importació automàtica i organització de namespaces i classes PHP.
PHP Getters & Setters: Generació automàtica de mètodes Getters i Setters en classes PHP.
Format HTML in PHP: Formatat correcte del codi HTML incrustat dins d'arxius PHP.
Laravel Extra Intellisense: Autocompletat per a rutes, vistes, configuracions i traduccions de Laravel.
Laravel Blade Snippets: Ressaltat de sintaxi i snippets per al motor de plantilles Blade.
Laravel Blade Spacer: Afegit automàtic d'espais en la sintaxi de claus {{ }} de Blade.
Laravel Artisan: Execució de comandes d'Artisan directament des del cercador de VS Code (Cmd/Ctrl + Shift + P).
Laravel Blade Formatter: Formatejador automàtic per a plantilles Blade.
Laravel Extension: Suport general addicional per al desenvolupament en entorns Laravel.

🛢️ Bases de Dades, APIs i Control de Versions

GitLens — Git supercharged: Visualització avançada del directori Git, historial de canvis, autors de línies de codi i branques.
Database Client: Client de bases de dades per connectar i consultar MySQL, MariaDB, PostgreSQL, SQLite, etc.
REST Client: Execució i prova de peticions HTTP/APIs des d'arxius .http o .rest sense sortir de l'editor.

⚙️ Requeriments

Visual Studio Code versió 1.80.0 o superior.

📥 Com instal·lar

Obre Visual Studio Code.
A la barra lateral esquerra, fes clic sobre l'icona d'Extensions (Ctrl+Shift+X o Cmd+Shift+X a macOS).
Cerca Politècnics Extension Pack DAW o politecnics-extension-daw.
Premel el botó Install. Automaticament s'instal·laran totes les extensions incloses al pack.

👤 Autor

Desenvolupat per Francisco Fernández per al cicle de DAW del Centre d'Estudis Politècnics.