如何使用git拉取项目并部署到自己的仓库（自存）

拉取项目代码到本地

1. 环境依赖准备

先看这个项目需要什么环境和依赖，再进行之后的步骤。

2. 开始构建

第一步：克隆代码

Copy
git clone 网址
cd 拉取到的文件夹

第二步：构建（打包）

Copy
npm run build

第三步：结果与调试

构建结果：完成后在 dist 文件夹中生成网页文件。
本地开发预览：

Copy
npm run serve

此时运行的是开发模式，这种模式下代码没有压缩，包含调试信息，确认无误就可以接下来的步骤，把项目部署到自己的仓库了。此处以 github 为例：

把项目部署到自己的仓库

第一步：准备 GitHub 仓库

1. 登录你的 Github。
2. 创建一个新的仓库。（不用勾选添加 README 文件，添加.gitignore，添加许可证，因为是拉取了别人的项目，有现成的文件）。
3. 记住你的仓库名字。

第二步：在本地终端连接并推送

现在，回到你的 VS Code 或者命令行窗口（确保路径是在你的项目文件夹根目录下）。

情况 A

如果你以前从来没在这个项目里运行过 git 命令 （或者你不确定有没有，就按这个顺序完整执行一遍）

复制下面的命令，一行一行执行：

Copy
# 1. 初始化 git 仓库（如果显示 Reinitialized... 也没关系）
git init

# 2. 把所有文件放入暂存区
git add .

# 3. 提交文件到本地仓库
git commit -m "first commit"

# 4. 把分支重命名为 main（GitHub 现在默认叫 main，不叫 master 了）
git branch -M main

# 5. 关联远程仓库
# ⚠️ 把下面的网址换成你刚才在 GitHub 创建完看到的那个 HTTPS 地址
git remote add origin https://github.com/你的用户名/你的仓库名.git

# 6. 推送到 GitHub
git push -u origin main

情况 B

执行第 5 步报错 "fatal: remote origin already exists" 这说明你之前可能尝试关联过（也许关联错了地址）。

解决方法：

Copy
# 先删除旧的关联
git remote remove origin

# 再重新执行关联命令
git remote add origin https://github.com/你的用户名/你的仓库名.git

# 最后推送
git push -u origin main

第三步：如何修改代码并推送到 GitHub

Git 的逻辑是：你在本地做的任何操作（删除、修改、新增），都需要 “告诉” Git，然后 “推送” 上去。也就是说，如果你想修改自己的项目，就必须要走三个步骤：

1. 把修改 “装箱”

Copy
git add .

2. 给箱子贴个条（这步最关键，有时候可能会加载的很慢）

Copy
git commit -m "修改配置文件并删除无用文件"

(执行完这句，你应该会看到终端列出了一堆你修改或删除的文件名)

3. 把箱子发走

Copy
git push

如果执行完之后报错了，你可以先输一句git status。如果你看到一堆红色的文件名，说明你可能忘了 add 或 commit。
但还有可能会遇到以下报错：

$ git push

fatal: unable to access 'https://github.com/ 你的用户名 / 你的仓库名.git': Failed to connect to github.com port 443 after 21033 ms: Couldn't connect to server

这就说明是国内的墙发力了（汗），此处只给出你有 VPN 的情况：

如果你电脑上开着代理软件（比如 Clash, v2ray 等），Git 是不会自动使用这个代理的，你需要手动告诉 Git 去走这个代理通道。

查看你的代理端口号： 打开你的代理软件设置，找到 “端口” 或 “Port”（通常 HTTP/S 端口是 7890，或者是 10809，具体看你的软件）。

在终端设置 Git 代理： 假设你的端口是 7890（如果不是，请把下面的 7890 改成你的端口号），在终端执行这两行命令：

Copy
git config --global http.proxy http://127.0.0.1:7890
git config --global https.proxy http://127.0.0.1:7890

然后再试着推送：

Copy
git push