You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将React项目上传至GitHub且不包含node_modules文件夹

React项目上传GitHub并排除node_modules操作步骤
  • 第一步:确认项目根目录存在.gitignore文件
    如果你是通过create-react-app脚手架初始化的项目,该文件会默认生成,直接进入下一步。如果是手动搭建的项目,在根目录新建文件,命名为.gitignore即可(Windows系统如果提示必须输入文件名,可以命名为.gitignore.,系统会自动修正为正确格式)
  • 第二步:编辑.gitignore文件内容,添加如下规则
    最基础的规则只需要加一行即可排除node_modules文件夹:
    node_modules/
    
    你也可以根据需求添加其他需要忽略的内容,比如本地环境变量文件.env、Mac系统缓存文件.DS_Store、打包产物文件夹build等
  • 第三步:初始化本地Git仓库(仅未初始化过仓库的项目需要执行)
    打开终端进入项目根目录,执行命令:
    git init
  • 第四步:将文件加入暂存区
    执行命令:
    git add .
    你可以额外执行git status查看结果,此时node_modules文件夹不会出现在待提交列表中,说明忽略规则生效
  • 第五步:提交代码到本地仓库
    执行命令,引号内的提交说明可自行修改:
    git commit -m "初始化项目提交"
  • 第六步:绑定GitHub远程仓库
    到GitHub创建一个空的远程仓库,创建完成后复制仓库的HTTPS或SSH地址,回到终端执行命令:
    git remote add origin 你复制的远程仓库地址
  • 第七步:推送代码到远程仓库
    执行命令即可完成上传:
    git push -u origin main
    如果你的本地默认分支名为master,将命令中的main替换为master即可

特殊情况处理:如果之前已经误将node_modules提交到了本地仓库,需要先执行缓存清除命令,再重新走上面的提交推送流程:
git rm -r --cached node_modules

内容的提问来源于stack exchange,提问作者Ifeanyi Chima

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 16:18:02