create solana dapp

創建 - 索拉納 - dapp

solana dapps⚡

只需運行一個簡單的命令即可生成一個新項目！

npx create-solana-dapp@latest

模板

模板在create-solana-dapp中得到支持：

• next.js
  • next.js +尾風CSS（無錨）
  • next.js + tailwind CSS +錨固基本示例
  • next.js + tailwind CSS +錨定櫃檯示例
• 與Vite反應
  • 與Vite +尾風CSS反應（無錨）
  • 與vite + tailwind CSS +錨定基本示例反應
  • 與Vite +尾風CSS +錨定櫃檯反應

外部模板

您還可以使用create-solana-dapp使用外部模板來創建項目：

--template （或-t ）標誌支持Giget支持的任何東西

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

init腳本

模板作者可以將初始腳本添加到package.json文件中，以幫助設置項目。

使用此腳本將指令返回用戶，檢查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中支持以下鏈上計劃（又稱智能合約）框架：

• 錨

貢獻

歡迎捐款！有關更多信息，請參見dragting.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.