> 웹 프론트엔드 > JS 튜토리얼 > bolt.new를 로컬로 실행

bolt.new를 로컬로 실행

Patricia Arquette
풀어 주다: 2024-11-21 04:04:11
원래의
608명이 탐색했습니다.

bolt.new란 무엇인가요?

bolt.new는 웹 애플리케이션 제작을 위한 오픈 소스 도구입니다.

웹 버전도 있지만 이 기사에서는 로컬에서 실행하는 방법에 중점을 둡니다.

환경설정

이 문서에서는 WSL(Linux용 Windows 하위 시스템)을 사용하여 실행하는 단계를 안내합니다.

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 다운로드 중

다음으로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿