Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>css-easyNew to Visual Studio Code? Get it now.
css-easy

css-easy

mayko campos sánchez

|
21 installs
| (0) | Free
para construir maquetados de paginas webs de manera sencilla
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

css-easy.gif

Será una extensión que facilite la maquetación de las páginas webs para hacerlas responsives. Todavía está en desarrollo en etapas muy tempranas.

Cuando se activa el plugin

Para que se active el plugin tiene que existir un directorio llamado css-constructor. En este directorio se almacenarán los siguientes elementos.

  • ⛏️ config.json para definir algunas configuraciones básicas sobre el proyecto
  • 💾 allAclasses.json Un objeto con las clases y los valores predefinidos

⛏️ config.json

{
    "directory": "./../src",
    "cssDirectory":"./../src/styles",
    "cssFile":"semanticSize.css",
    "recursive":true
}
propiedad ¿que és?
directory la ruta relativa desde constructor-css donde se encuentran los ficheros html,css
recursive true significa que hay que buscar en subdirectorios. false significa que todos los html y css se encuentran en ese mismo directorio y que no hace falta iterar
cssDirectory el directorio donde quieres que se almacenen los estilos finales
cssFile el fichero css donde quieres que se almacenen los estilos al generar los estilos

Comienzo rápido

En un directorio raiz donde quieras comenzar a usar este plugin ejecuta el siguiente comando

npx css-easy

Autor

Mayko Campos sánchez

License

CC-BY-NC-4.0 Será una extensión que facilite la maquetación de las páginas webs para hacerlas responsives. Todavía está en desarrollo en etapas muy tempranas.

Cuando se activa el plugin

Para que se active el plugin tiene que existir un directorio llamado css-constructor. En este directorio se almacenarán los siguientes elementos.

  • ⛏️ config.json para definir algunas configuraciones básicas sobre el proyecto
  • 💾 allAclasses.json Un objeto con las clases y los valores predefinidos

⛏️ config.json

{
    "directory": "./../src",
    "cssDirectory":"./../src/styles",
    "cssFile":"semanticSize.css",
    "recursive":true
}
propiedad ¿que és?
directory la ruta relativa desde constructor-css donde se encuentran los ficheros html,css
recursive true significa que hay que buscar en subdirectorios. false significa que todos los html y css se encuentran en ese mismo directorio y que no hace falta iterar
cssDirectory el directorio donde quieres que se almacenen los estilos finales
cssFile el fichero css donde quieres que se almacenen los estilos al generar los estilos

Comienzo rápido

En un directorio raiz donde quieras comenzar a usar este plugin ejecuta el siguiente comando

npx css-easy

Autor

Mayko Campos sánchez

License

CC-BY-NC-4.0

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft