vue项目 github 上传项目并链接地址

本文详细介绍如何使用Git命令初始化项目,将其添加至本地仓库,并推送到GitHub远程仓库,最终实现个人网站的部署。文章涵盖从项目初始化到GitHub Pages设置的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 git init

git init: 通过命令git init把这个文件夹变成Git可管理的仓库

git status
git status:查看当前仓库状态


git add .
这里提示你虽然把项目粘贴过来了,但还没有add到Git仓库上,然后我们通过git add .把刚才复制过来的项目全部添加到仓库上。git add后面的点表示把该文件夹的所有东西全部add到本地仓库里。

git commit -m "first commit"
添加注释,可以不写

git push -u origin master
将本地仓库和github仓库关联

git push origin master


npm run build
在build之前将config目录下面的index.js中的assetsPublicPath由默认的'/'改成'./'

git add -f "dist" //这里的-f如果不加的话,可能会报错,-f应该是强制添加文件的意思
    
git commit -m "注释"
    
git push origin master

点击该仓库上面的setting,找到github pages模块,将source由none改成master branch。这时会生成一个网址,这个网址就是该github仓库的访问网址,我们在后面拼接上刚才dist中的index.html路径即可
 
 



转载于:https://www.cnblogs.com/jimmy1293/p/10700605.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值