Guides /
Frontend Quickstart
前端/全栈快速入门
作为前端或全栈开发人员开始使用 Fuel 就像下面这样简单：
- 安装
fuelup - 生成一个计数器 dapp
- 在本地运行项目
安装
要安装 Fuel 工具链，你可以使用 fuelup-init 脚本。
这将安装 forc、forc-client、forc-fmt、forc-lsp、forc-wallet 以及 fuel-core 到 ~/.fuelup/bin。
curl https://install.fuel.network | sh如果您正在使用 VSCode，我们建议安装 Sway 扩展 。
已经安装了 fuelup？
如果您已经安装了 fuelup，请运行以下命令，确保您的工具链是最新的。
fuelup self update
fuelup update
fuelup default latest生成一个计数器 dapp
您可以使用 create fuels CLI 在几秒钟内生成一个全栈计数器 dapp：
pnpm create fuels在本地运行项目
进入项目目录。假设您将项目命名为 my-fuel-project，您可以运行：
cd my-fuel-project接下来，运行以下命令以启动本地开发节点：
pnpm fuels:dev 节点的本地端点将为 http://localhost:4000/graphql。
然后，在项目目录中打开新终端，并运行以下命令以启动前端：
pnpm dev 前端将在 http://localhost:3000 上运行。
当本地节点运行时，您对 sway-contract 文件夹中的 Sway 合约进行的任何更改都将自动触发多个更新：
- 使用
forc build命令重建合约。 - 使用
forc deploy命令将合约重新部署到本地节点。 - 合约的新的 TypeScript 类型以及名为
contract-ids.json的文件，其中包含新的合约 ID，将在src/sway-api文件夹中生成。
这意味着您在开发时不需要担心更新合约 ID、ABI 或 TypeScript 类型。
下一步
准备好学习更多了吗？查看以下资源：
- 了解逐步构建和部署全栈 计数器合约 dapp 的说明
- 了解更多关于 fuels CLI
- 了解 钱包连接器