バニラのAstroセットアップとVueの導入

Astroのセットアップ ・問題点:通常のインストール方法では行えない⇒npm install  ・確認する⇒状況:失敗確認(スクショ済)   ・★npmって何ですか★  ・理由:社内プロキシの問題。npm installのなかでgit cloneに似たことをやって、リポジトリを落としてきている。このGitへのアクセスが行えていない可能性大   ・error Failed to fetch https://api.github.com/repos/withastro/astro/tarball/examples/minimal

手動セットアップを試す:https://docs.astro.build/ja/install-and-setup/ ・package.jaonの新規作成  ・npm init –yes ・Astroプロジェクトの依存関係をインストール  ・npm install astro   ・ちょっと長め    added 275 packages, and audited 276 packages in 2m    148 packages are looking for funding   ・この時点でnode_modulesフォルダができる ・package.jsonのscriptsを修正(公式参照)  ・runとかbuildを短いコマンドで行えるようにしている。 ・src/pages/index.astro作成(サンプル有) ・public/robots.txtを作成(サンプル有) ・astro.config.mjs作成(サンプル有) ・tsconfig.json作成(サンプル有):TypeScriptのサポートの為の対応  ・詳細:https://docs.astro.build/ja/guides/typescript/#setup

ディレクトリ構成焼成:https://docs.astro.build/ja/basics/project-structure/

(別な方法) AstroのGitのリポジトリから直接Clone ⇒cd astro/ecamoles/minimalでminimalフォルダまで移動して npm install createが成功していたら、example/minimalだけが落とされて、プロジェクトとなるとはず。(未確認)

VueをAstroにインストールする  ・npx astro add vue   ⇒インストールと設定ファイルの更新を両方同時やってくれる  社内環境:fetch failed   ⇒またプロキシか???★裏側の所処理を調べる★  ・手動セットアップする   ・npm install @astrojs/vue    ・Vueがないと怒られるときは先に「npm install vue」     ⇒★node_module上にinstallする作業とは別なのかこれ   ・astro.config.mjs更新