Skip to content

Latest commit

 

History

History
120 lines (90 loc) · 3.41 KB

1.mdx

File metadata and controls

120 lines (90 loc) · 3.41 KB
type title description i18nReady
tutorial
Prepare your dev environment
Tutorial: Build your first Astro blog — Install the local tools that you’ll need to complete the tutorial
true

import Checklist from '/components/Checklist.astro'; import Box from '/components/tutorial/Box.astro'; import MultipleChoice from '/components/tutorial/MultipleChoice.astro'; import Option from '/components/tutorial/Option.astro'; import PreCheck from '/components/tutorial/PreCheck.astro'; import { Steps } from '@astrojs/starlight/components'; import Badge from "/components/Badge.astro"

- Install any tools that you will use to build your Astro website

Get the dev tools you need

Terminal

You will use a command line (terminal) to create your Astro project and to run key commands to build, develop, and test your site.

You can access the command line through a local terminal program for your operating system. Common applications include Terminal (MacOS/Linux), Command Prompt (Windows), and Termux (Android). One of these will probably already be on your machine.

Node.js

For Astro to run on your system, you will also need to have Node.js installed, version v18.17.1 or v20.3.0 or later. (v19 is not supported.)

To check to see whether you already have a compatible version installed, run the following command in your terminal:

node -v

// Example output
v18.17.1

If the command returns a version number higher than v18.17.1 or v20.3.0 (excluding any v19), you're good to go!

If the command returns an error message like Command 'node' not found, or a version number lower than the required, then you need to install a compatible Node.js version.

Code Editor

Additionally, you will need to download and install a code editor to write your code.

:::tip[We'll use...] This tutorial will use VS Code, but you can use any editor for your operating system. :::

1. [Download and install VS Code](https://code.visualstudio.com/#alt-downloads) or another code editor of your choice.

Test your knowledge

Which of the following is...

  1. A code editor, for making changes to your files and their content?

    web browser Terminal VS Code

  2. An online version control provider for your repository?

    GitHub Terminal VS Code

  3. An application for running commands?

    GitHub Terminal web browser
## Checklist for moving on - [ ] I can access the command line in a terminal. - [ ] I have Node.js installed. - [ ] I have a code editor like VS Code.

Resources

  • [FreeCodeCamp.org](https://freecodecamp.org) — a free educational site with full courses or quick refreshers in HTML, CSS, JS, and more.