No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Configuraci贸n de TypeScript

8/25
Recursos

Aportes 8

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Les recomiendo que descarguen la extensi贸n de VSCode para Tailwind, les ayudar谩 mucho a la hora de buscar y seleccionar clases:
https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

Configuraci贸n de TypeScript

Por default, Astro esta incorporado para el soporte de TypeScript, lo que nos permite extender de todas las capacidades nativas de dicho lenguaje. Por ejemplo, podemos evitar errores en tiempo de ejecuci贸n definiendo las formas de los objetos, componentes o reglas de uso.
.
Esencialmente, no necesitamos escribir nuestros recursos de Astro en TypeScript. Sin embargo, es bueno el recorder que Astro siempre trata nuestros recursos en TypeScript.
.

Astro y TypeScript

Desde su inicializaci贸n, Astro nos incluye un archivo de configuraci贸n tsconfig.json :

{
  "extends": "astro/tsconfigs/base"
}

Dicha l铆nea, explica que heredaremos una configuraci贸n interna de Astro que nos permitir谩 incluir una serie de directivas predefinidas por la herramienta.
.

馃搶 Referencia
astro/packages/astro/tsconfigs at main 路 withastro/astro

.
Adicionalmente, nuestra plantilla incluye una definici贸n de entorno que provee sentido para Vite, del cual tambi茅n goza Astro como herramienta de compilaci贸n.
.

馃搶 Referencia
Vite

.

Manipulaci贸n de configuraci贸n TS

Una de las configuraciones opcionales que podemos manipular son los aliases.
.

鈩癸笍 Definici贸n
Un alias, es un atajo que posee significado en su asignaci贸n.

.
En nuestro archivo de configuraci贸n de TypeScript, solamente anexamos un bloque de paths para as铆 poder beneficiarnos de los aliases:

{
    "extends": "astro/tsconfigs/strict",
    "compilerOptions": {
        "paths": {
            "@components/*": ["src/components/*"],
            "@layouts/*": ["src/layouts/*"],
            "@pages/*": ["src/pages/*"]
        }
    }
}

Lo que despu茅s podamos hacer en nuestros recursos del proyecto:

---
import HelloWorld from '@components/HelloWorld.astro';
import Layout from '@layouts/Layout.astro';
---
**Actualizaci贸n del curso:** Para el componente que utilizamos de HyperUI ya no es necesario hacer la instalaci贸n del plugin: `npm install @tailwind/line-clamp` Ahora solo con copiar y pegar el componente funcionara.

sin importar el que escojas usar esto en la terminal
npm install @tailwindcss/line-clamp
y en el codigo require(鈥橜tailwindcss/line-clamp鈥)

Ser铆a muy bueno que el profesor Diego de Granda pueda rehacer los cursos que ha hecho Oscar para que podamos aprender de los temas que Platzi cree que son importantes.
Las clases de este profesor son un dolor de cabeza para m铆. Es creo que el 煤nico al que no le entiendo lo que explica, no le entiendo el orden ni es claro el fondo de lo que quiere transmitir. Todo lo que indica parece provisional y no transmite cuando algo hace parte dle curso o cuando es un comentario personal sobre algo, no explica cu谩l es la funci贸n de los programas o extensiones que descargamos ni cu谩l es el concepto general de la extensi贸n o para qu茅 se cre贸, etc. Debo terminar esta clase para continuar con la ruta pero es una jartera hacerlo. Se ve que el profesor es bien intencionado y quiere ense帽ar, pero es muy distinto querer hacer algo a en realidad poderlo hacer, no es suficiente la buena intenci贸n sino que esta intenci贸n debe acompa帽arse con un resultado que se entrega lo cual aqu铆 no sucede.
Me sale este error... alguien me ayuda? ![](https://static.platzi.com/media/user_upload/image-6fb0c88f-cf09-4356-853f-227e80f55575.jpg)