Skip to content

[install-and-setup] add basic typescript content #8513

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sarah11918 merged 3 commits into from
Jun 13, 2024
Merged

[install-and-setup] add basic typescript content #8513

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d000d9c
add typescript content to setup-install
sarah11918 Jun 13, 2024
d8facec
faulty comma
sarah11918 Jun 13, 2024
45bd638
Merge branch 'main' into stypescript
sarah11918 Jun 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 8 additions & 15 deletions src/content/docs/en/install-and-setup.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -162,23 +162,16 @@ Explore the guides below to customize your development experience.
description="Explore the helpful features of the dev toolbar."
href="/en/guides/dev-toolbar/"
/>
<LinkCard
title="TypeScript"
description="Configure Astro's built-in TypeScript support to be as strict or relaxed as you like!"
href="/en/guides/typescript/"
/>
<LinkCard
title="Import Aliases"
description="Create convenient shortcuts for your file imports."
href="/en/guides/aliases/"
/>
<LinkCard
title="Environment Variables"
description="Set and use environment variables in your project."
href="/en/guides/environment-variables/"
/>
</CardGrid>

### TypeScript in Astro

Astro ships with built-in support for [TypeScript](https://www.typescriptlang.org/), which can help prevent errors at runtime by defining the shapes of objects and components in your code.

You don't need to write TypeScript code in your Astro projects to benefit from it. Astro always treats your component code as TypeScript, and the [Astro VSCode Extension](/en/editor-setup/) will infer as much as it can to provide autocompletion, hints, and errors in your editor.

<ReadMore>Read more about using and configuring [TypeScript in Astro](/en/guides/typescript/)</ReadMore>

## Build and preview your site

To check the version of your site that will be created at build time, quit the dev server (<kbd>Ctrl</kbd> + <kbd>C</kbd>) and run the appropriate build command for your package manager in your terminal:
Expand Down