1. 创建项目
首先,在GitHub上创建一个新的仓库。你可以选择创建一个空的仓库,或者使用一个模板仓库。
2. 克隆仓库到本地
在你的本地机器上,使用以下命令克隆仓库:
git clone https://github.com/your-username/your-repo.git
cd your-repo
3. 创建前后端目录
在项目根目录下,创建两个目录来分别存放前端和后端代码:
mkdir frontend
mkdir backend
4. 添加前端代码
将你的前端代码放入 frontend
目录中。例如:
cp -r /path/to/your/frontend/code/* frontend/
5. 添加后端代码
将你的后端代码放入 backend
目录中。例如:
cp -r /path/to/your/backend/code/* backend/
6. 提交代码
将所有更改添加到Git的暂存区,并提交:
git add .
git commit -m "Initial commit with frontend and backend code"
7. 推送到GitHub
将本地分支推送到GitHub上的远程仓库:
git push origin main
8. 管理依赖和配置
确保在项目根目录下有一个 README.md
文件,描述项目的结构和如何运行前后端代码。你还可以在根目录下添加一个 .gitignore
文件,忽略不需要的文件和目录(如 node_modules
)。
9. 运行项目
在项目根目录下,你可以分别运行前端和后端代码。例如:
- 前端:
cd frontend
npm install
npm start
- 后端:
cd backend
npm install
npm start
10. 持续集成和部署
你可以使用GitHub Actions或其他CI/CD工具来设置自动化测试和部署流程。确保你的CI/CD配置文件(如 .github/workflows/ci.yml
)能够正确识别和处理前后端代码。
通过以上步骤,你可以将前后端代码放在同一个GitHub分支中,并且可以通过目录结构来清晰地组织代码。这种方式适合小型项目或需要快速迭代的项目。对于大型项目,可能需要考虑使用多个分支或子模块来更好地管理代码。