create solana dapp

Solana-dapp을 작성하십시오

⚡ Solana Dapps와 함께 빨리 일어나서 달리기 ⚡

새로운 프로젝트를 생성하려면 간단한 명령을 하나만 실행하십시오!

npx create-solana-dapp@latest

템플릿

템플릿은 create-solana-dapp 내에서 지원됩니다.

• 다음 .js
  • 다음 .js + 꼬리 바람 CSS (앵커 없음)
  • 다음 .js + 테일 윈드 CSS + 앵커 기본 예제
  • 다음 .js + 테일 윈드 CSS + 앵커 카운터 예제
• Vite와 반응합니다
  • Vite + Tailwind CSS와 반응 (앵커 없음)
  • Vite + Tailwind CSS + 앵커 기본 예제와 반응
  • Vite + Tailwind CSS + 앵커 카운터 예제와 반응

외부 템플릿

create-solana-dapp 사용하여 외부 템플릿을 사용하여 프로젝트를 작성할 수도 있습니다.

--template (또는 -t ) 플래그는 Giget가 지원하는 모든 것을 지원합니다.

pnpx create-solana-dapp --template < github-org > / < github-repo > 

Init 스크립트

템플릿 저자는 package.json 파일에 Init 스크립트를 추가하여 프로젝트를 설정하는 데 도움이 될 수 있습니다.

이 스크립트를 사용하여 사용자에게 지침을 반환하고 anchor 및 solana 버전을 확인한 다음 프로젝트의 텍스트 및 파일을 교체하십시오.

 {
  "name" : "your-template" ,
  "create-solana-dapp" : {
    // These instructions will be returned to the user after installation
    "instructions" : [
      "Run Anchor commands:" ,
      // Adding a '+' will make the line bold and '{pm}' is replaced with the package manager
      "+{pm} run anchor build | test | localnet | deploy" ,
    ] ,
    // Rename is a map of terms to rename
    "rename" : {
      // Rename every instance of counter
      "counter" : {
        // With the name of the project
        "to" : "{{name}}" ,
        // In the following paths
        "paths" : [ "anchor" , "src" ] ,
      } ,
    } ,
    // Check versions and give a warning if it's not installed or the version is lower
    "versions" : {
      "anchor" : "0.30.1" ,
      "solana" : "1.18.0" ,
    } ,
  } ,
}

지원할 계획된 프레임 워크

다음 UI 프레임 워크가 계획되어 있으며 향후 지원 될 것으로 예상됩니다.

• vuejs
• 날씬한
• 원시 반응

지원되는 온 체인 프로그램 프레임 워크

create-solana-dapp 내에서 다음과 같은 온쇄 프로그램 (일명 스마트 계약) 프레임 워크가 지원됩니다.

• 닻

기여

기부금을 환영합니다! 자세한 내용은 Contributing.md를 참조하십시오.

지역 개발

[! 팁]이 프로젝트는 PNPM을 패키지 관리자로 사용합니다. 없으면 corepack 사용하여 설치할 수 있습니다.

corepack enable
corepack prepare pnpm@9 --activate

프로젝트를 로컬로 설치하려면 다음 명령을 실행하십시오.

git clone https://github.com/solana-developers/create-solana-dapp.git
cd create-solana-dapp
pnpm install
pnpm build

Detailed instructions on the local development workflow are outlined in the
[Development Workflow](./CONTRIBUTING.md#development-workflow) section of the CONTRIBUTING guidelines.