A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat Következő változat | Előző változat | ||
oktatas:web:fejlesztoi_koernyezet_kialakitasa [2022/10/02 20:50] admin [XAMPP] |
oktatas:web:fejlesztoi_koernyezet_kialakitasa [2023/10/06 18:59] (aktuális) admin [Visual Studio Code] |
||
---|---|---|---|
Sor 2: | Sor 2: | ||
====== Webes fejlesztői környezet kialakítása ====== | ====== Webes fejlesztői környezet kialakítása ====== | ||
+ | |||
* **Szerző:** Sallai András | * **Szerző:** Sallai András | ||
- | * Copyright (c) Sallai András, 2013, 2019 | + | * Copyright (c) 2013, Sallai András |
- | * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] | + | * Szerkesztve: 2013, 2019 |
+ | * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]] | ||
* Web: https://szit.hu | * Web: https://szit.hu | ||
+ | |||
===== Fejlesztői környezet ===== | ===== Fejlesztői környezet ===== | ||
Sor 39: | Sor 42: | ||
* Beírom a HTML elem nevét (esetleg .osztálynév) | * Beírom a HTML elem nevét (esetleg .osztálynév) | ||
* Enter | * Enter | ||
+ | |||
+ | Több sor számára HTML elem beállítása. Például van egy ilyen lista: | ||
+ | |||
+ | <code> | ||
+ | alma | ||
+ | körte | ||
+ | barack | ||
+ | szilva | ||
+ | </code> | ||
+ | |||
+ | |||
+ | Szeretnénk egyetlen menetben li elemek közzé tenni. | ||
+ | |||
+ | * Aljunk az első sor elejére a szövegkurzorral (az alma szó elé) | ||
+ | * Nyomjuk meg a Shift-End billentyűt | ||
+ | * F1 | ||
+ | * Emmet: Wrap with abbrevation | ||
+ | * Írjuk be: li | ||
+ | * Enter | ||
+ | |||
+ | |||
=== Bővítmény === | === Bővítmény === | ||
Sor 370: | Sor 394: | ||
* https://jsfiddle.net/ | * https://jsfiddle.net/ | ||
* https://jsbin.com/ | * https://jsbin.com/ | ||
+ | * https://playcode.io/ |