バニラの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更新