如何将react项目放到git上

初始化本地Git仓库

在项目根目录运行以下命令，初始化一个本地Git仓库：

git init

创建.gitignore文件

在项目根目录创建.gitignore文件，排除不需要提交的文件（如node_modules、构建输出等）。React项目常见的忽略规则如下：

# 依赖目录
node_modules/
# 构建输出
dist/
build/
# 环境变量文件
.env
.env.local
# 日志文件
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# IDE相关
.idea/
.vscode/

添加文件到暂存区

运行以下命令将项目文件添加到Git暂存区：

git add .

提交更改

提交文件到本地仓库并添加提交信息：

git commit -m "Initial commit"

创建远程仓库

在GitHub、GitLab或Bitbucket等平台创建一个新的空仓库，获取远程仓库的URL（如https://github.com/username/repo.git）。

关联远程仓库

将本地仓库与远程仓库关联：

git remote add origin <远程仓库URL>

推送代码到远程仓库

将本地代码推送到远程仓库的主分支（默认分支名称可能为main或master）：

git push -u origin main

如果远程分支名称不同（如master），替换为对应的分支名。

处理推送冲突（可选）

若远程仓库已存在文件（如README或LICENSE），需先拉取远程更改并合并：

git pull origin main --rebase
git push -u origin main

验证推送结果

访问远程仓库页面，确认代码已成功推送。后续开发中，可通过以下流程更新代码：

git add .
git commit -m "提交信息"
git push origin main