Heim >Web-Frontend >js-Tutorial >Bolt.new lokal ausführen

Bolt.new lokal ausführen

Patricia Arquette
Patricia ArquetteOriginal
2024-11-21 04:04:11599Durchsuche

Was ist Bolt.new?

bolt.new ist ein Open-Source-Tool zum Erstellen von Webanwendungen.

Obwohl es auch eine Webversion gibt, konzentriert sich dieser Artikel auf die lokale Ausführung.

Umgebungseinrichtung

Dieser Artikel führt Sie durch die Schritte zur Ausführung mit WSL (Windows-Subsystem für Linux).

pnpm installieren

Zuerst installieren wir 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

Überprüfen Sie nach dem Neustart des Terminals, ob pnpm erfolgreich installiert wurde.

node --version
npm --version

Bolt.new wird heruntergeladen

Als nächstes lesen Sie Bolt.new/CONTRIBUTING.md, um die Umgebung von GitHub herunterzuladen.

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

Installieren Sie die Bibliotheken auf WSL.

cd bolt.new
pnpm install

Erstellen Sie eine .env.local-Datei im Ordner „bolt.new“ und geben Sie darin den Anthropic-API-Schlüssel an.

ANTHROPIC_API_KEY=YOUR_API_KEY

Ausführung

Führen Sie den folgenden Befehl aus:

pnpm run dev
# or
pnpm run build
pnpm run start

Nachdem Sie den Befehl ausgeführt haben, wird nach kurzer Zeit eine Meldung wie die folgende angezeigt.

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

Wenn Sie auf die angegebene URL zugreifen, wird die Anwendung „bolt.new“ angezeigt.

Running bolt.new Locally

Durch Angabe Ihrer Anforderungen wird eine Anwendung für Sie erstellt.

Running bolt.new Locally

Nächstes Mal werden wir einige Funktionen hinzufügen und ändern und Erklärungen bereitstellen.

Das obige ist der detaillierte Inhalt vonBolt.new lokal ausführen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn