如何将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
相关产品推荐
相关产品推荐

