GitHub | on GitHub displaying a Vue project online

简洁版： 将全部代码进行上传 << 完成项目构建并提交 dist 文件夹 << 配置代码仓库 << 进行访问操作

Step1： 在 GitHub 平台上创建新的代码仓库，并将 Vue 项目中的相关代码推送至该仓库。需要注意的是，若该项目是通过 GitHub 克隆的他人代码，在使用 git 工具进行操作时，需将远程仓库的 URL 地址更改为自己的仓库地址，具体命令如下。

    git remote set-url origin git@github.com:<你自己仓库的SSH地址>
    
    

我当时差点就把内容提交到别人的代码库了 TT

Step2： 若之前未曾对该项目执行过构建操作，那么系统将不会自动生成 dist 文件夹（示例如下）。然而，若希望借助 GitHub Pages 服务实现项目网页的在线展示，该 dist 文件夹则成为不可或缺的关键组成部分。

为此，有必要构建项目，并将生成的 dist 文件夹上传至 GitHub 仓库。

Step3： 在执行 npm run build