Maison > interface Web > js tutoriel > Exécution de bolt.new localement

Exécution de bolt.new localement

Patricia Arquette
Libérer: 2024-11-21 04:04:11
original
567 Les gens l'ont consulté

Qu’est-ce que bolt.new ?

bolt.new est un outil open source pour créer des applications Web.

Bien qu'il existe également une version Web, cet article se concentre sur la façon de l'exécuter localement.

Configuration de l'environnement

Cet article vous guidera à travers les étapes pour l'exécuter à l'aide de WSL (Windows Subsystem for Linux).

Installation de NPPM

Tout d'abord, installons 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
Copier après la connexion

Après avoir redémarré le terminal, vérifiez si pnpm a été installé avec succès.

node --version
npm --version
Copier après la connexion

Téléchargement de bolt.new

Ensuite, reportez-vous à bolt.new/CONTRIBUTING.md pour télécharger l'environnement depuis GitHub.

git clone https://github.com/stackblitz/bolt.new.git
Copier après la connexion

Installez les bibliothèques sur WSL.

cd bolt.new
pnpm install
Copier après la connexion

Créez un fichier .env.local sous le dossier bolt.new et spécifiez-y la clé API Anthropic.

ANTHROPIC_API_KEY=YOUR_API_KEY
Copier après la connexion

Exécution

Exécutez la commande suivante :

pnpm run dev
# or
pnpm run build
pnpm run start
Copier après la connexion

Après avoir exécuté la commande, un message comme celui-ci s'affichera après un court instant.

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
Copier après la connexion

Lorsque vous accédez à l'URL spécifiée, l'application bolt.new s'affichera.

Running bolt.new Locally

En fournissant vos exigences, il créera une application pour vous.

Running bolt.new Locally

La prochaine fois, nous ajouterons et modifierons certaines fonctionnalités et fournirons des explications.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal