Three.js実践編①

three.jsの環境開発構築

viteを使用してローカルサーバーを立ち上げる

  • Vite(ビルディングツール)を使用す

●特徴●
・フレームワーク感覚でWEBサイトの構築ができる
・ローカルサーバーもたてれる
●手順●
・公式HPの【Get Started】から始める。
・npmやyarnのコマンドを使用するためにはNode.jsをダウンロードする必要がある。
⇒コマンドプロンプトでダウンロードされてるか確認できる
「node -v」と入力してバージョンが表示されれば、Node.jsがダウンロードされている
(入っていなければダウンロードする
ダウンロードできれば、npmも使用できるようになる。
⇒ちなみに、コマンドプロンプトで「npm -v」でバージョンが表示される

  • Three.jsのプロジェクト用のフォルダを作る

コマンドプロンプトで、
dev⇒ls⇒使用するフォルダ内に入って、『yarn create vite my-vue-app –template vue』で、
フォルダ内にプロジェクトを作成する。
⇒セットアップ完了!

Ctrl + C で一度抜ける。

cdコマンドで先ほどのプロジェクトに移動する。
⇒ code . を入力すると、先ほどのプロジェクトがVScodeで開かれる。

VScodeが開けたら、コマンドプロンプトは不要なので、閉じて大丈夫!

本当にVScode開けたぁぁぁぁ!!!!!!!と感動しました!
つづく・・・

コメント