ホームページ  >  記事  >  ウェブフロントエンド  >  ローカルでのbolt.newの実行

ローカルでのbolt.newの実行

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-21 04:04:11490ブラウズ

ボルト.ニューとは何ですか?

bolt.new は、Web アプリケーションを作成するためのオープンソース ツールです。

Web バージョンもありますが、この記事ではローカルで実行する方法に焦点を当てています。

環境設定

この記事では、WSL (Windows Subsystem for Linux) を使用して実行する手順を説明します。

pnpmのインストール

まず、pnpm をインストールしましょう。

sudo apt update suto apt install nodejs npm
sudo npm -g install n
sudo n stable sudo apt purge nodejs npm
sudo apt autoremove
sudo apt update 
sudo apt upgrade

ターミナルを再起動した後、pnpm が正常にインストールされているかどうかを確認します。

node --version
npm --version

ボルト.新規をダウンロードしています

次に、bolt.new/CONTRIBUTING.md を参照して、GitHub から環境をダウンロードします。

git clone https://github.com/stackblitz/bolt.new.git

WSL にライブラリをインストールします。

cd bolt.new
pnpm install

bolt.new フォルダーの下に .env.local ファイルを作成し、その中に Anthropic API キーを指定します。

ANTHROPIC_API_KEY=YOUR_API_KEY

実行

次のコマンドを実行します:

pnpm run dev
# or
pnpm run build
pnpm run start

コマンド実行後、しばらくすると以下のようなメッセージが表示されます。

pnpm run dev
> bolt@ dev /mnt/c/Users/<your folder path>/bolt.new
> remix vite:dev

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

指定したURLにアクセスすると、bolt.newアプリケーションが表示されます。

Running bolt.new Locally

要件を指定すると、アプリケーションが作成されます。

Running bolt.new Locally

次回は、機能の追加・修正と解説をしていきます。

以上がローカルでのbolt.newの実行の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。