0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Astro スタート

Last updated at Posted at 2023-02-28

Astroでプロジェクトを始める

Terminalからのスタート

nodeバージョンを確認
npmバージョンを確認
astroバージョンを確認 (ない場合install -gを行う)

$ node -v
$ npm -v
$ astro -v

$ npm install -g astro

デスクトップに移動
Astroプロジェクトを作成

$ cd Dekstop/
$ npm create astro@latest

フォルダー名を入力(プロジェクト名)

$ ...myprojectname

テンプレートを選択

$ *Empty

パッケージをインストール (Astroをインストールしないとエラーが出る)

$ *Yes

Typescriptを使用する (Javascriptも使用したい)

$ *Yes
$ *Relaxed

Git repositoryを使用しない (後にgit initで使用可能)

$ *No

プロジェクトのフォルダーに移動する

$ cd myprojectname/

ブラウザーで起動して確認を行う
http://localhost:3000/

$ npm run dev

サーバを停止 [control] + [C]
VSCodeで起動(プロジェクトフォルダー内であること)

$ code . 
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?