开发环境设置工具

一个用于快速配置开发环境的工具,包括安装必要的软件包、版本控制工具、数据库和部署服务。

  • by ChaningJang
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 ChaningJang/claude-dev-environment-setup

使用说明

Claude代码的开发环境设置

这是什么?

你已经在你的机器上构建了一个应用程序。现在你需要把它放到互联网上——有一个真实的网址、一个数据库和一种推送更新的方法。这将安装一个slash命令,引导您设置实现此目的的工具:

  • 家酿 --Mac软件包管理器。几乎所有其他东西都是通过它安装的。
  • Git --版本控制。需要将代码推送到GitHub。还要确保您的姓名和电子邮件已配置。
  • Node.js --为您的应用程序和大多数开发工具提供动力的运行时。检查您是否使用现代版本(18+)。
  • GitHub命令行界面 --在线存储和管理您的代码。这使您可以从终端而不是网站进行操作。
  • Supabase命令行界面 --Supabase是您的数据库,应用程序在其中存储用户数据。这允许您从计算机设置和更改数据库。
  • Vercel命令行界面 --Vercel在互联网上托管该应用程序。这使您可以从终端部署和管理它。
  • Netlify命令行界面 --Netlify是另一个流行的主机(特别是用于静态站点和Jamstack)。选择Vercel、Netlify或两者兼而有之——演练在开始时就提出了这个问题。
  • Chrome开发工具MCP --让Claude打开浏览器,直接查看您的应用程序。它可以发现错误、读取控制台日志并截图,而无需您描述问题。

它假设您已经拥有代码和编码工具(Claude code、Cursor等)。这为您提供了围绕它的基础设施。

先决条件

你只需要 克劳德代码 已安装——在您的终端中运行的AI编码工具。安装在 claude.ai/claude-code就这样。

安装

打开终端并运行:

npx claude-dev-environment-setup

就是这样,不需要重新启动。

用法

类型 /dev-environment-setup 克劳德密码。它将:

  1. 检查您已经拥有哪些工具
  2. 引导您完成安装和登录缺少的任何内容
  3. 验证最后一切正常

如果稍后出现问题(如登录过期),只需运行 /dev-environment-setup 再次诊断并修复它。