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.