一. 打包Vue项目 执行指令,此时项目会打包至根目录下的dist文件夹 npm run build 二 . 删除根目录下.gitignore文件下的/dist 这样才能将dist目录提交到远程仓库 三 . GitHub上新建远程仓库 命名为 用户名 . github .io ,这样才能部署为Gi
部署成功后,会在当前页面看到你的Gitee Pages网站地址,打开地址即可看到你的项目网站,和GitHub Pages的一模一样,而且Gitee Pages网站加载会快很多。 示例:https://marco-hui.gitee.io/vue-admin-web 3、项目更新 往后项目的更新,首先还是先将代码push到github上面,待GitHub Pages部署成功后,再在gitee的项目中,点击...
exportdefaultdefineConfig({// ...base:"/vue-demo/"}) 5. 部署项目(方案1) 将项目build文件的输出目录改为docs目录,修改vite.config.ts,添加build属性 exportdefaultdefineConfig({// ...build:{outDir:"docs"}}) 打开github仓库的setting配置,选择Pages配置项,Source项选择Deploy from a branch,Branch项选...
npminstallgh-pages --save-dev 然后进入 `package.json` 文件,在 `scripts` 参数下添加以下内容: "scripts":{..."predeploy":"npm run build","deploy":"gh-pages -d dist",...} 这样之后每次更新本地的网站,然后要推送到远程仓库就容易多啦,只需要在终端里输入: npmrun deploy 回到Github Repository ...
vue前端项目写好之后,想部署到线上通过在线地址进行访问,可以通过gitee或者GitHub的pages 准备工作: 1、要有个vue的项目(web的项目都可以) 2、在gitee或者GitHub建立项目(这里是通过GitHub展示的) vue项目设置并打包 在vue.config.js文件设置publicPath为./ ...
打开git bash到项目路径 构建项目: set –e npm run build 进入构建目标 cd dist 初始化本地仓库并将其push到远程仓库(github pages) git init git checkout -b main git add -A git commit -m 'deploy' git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git main ...
git remote add origin git@github.com:Rain120/demo.git git pull origin master --allow-unrelated-histories git push -u origin master ``` 7. Github Setting -- 配置Github page Settings Github Pages Save Setting 最后可以在 https://rain120.github.io/demo/dist/,可以看到部署上线的效果(这个...
部署项目:运行以下命令将构建后的文件部署到GitHub Pages: npm run deploy 访问页面:部署成功后,可以在浏览器中访问你的GitHub Pages网址(通常是https://yourusername.github.io/yourrepository/)。 通过以上步骤,你可以将Vue项目成功挂在GitHub上,并且通过GitHub Pages进行部署,使其可以在互联网上访问。
这个应该是我电脑上的代理设置问题,做个记录,你们自行选择是否食用哈。 解决方法: 打开chrome的设置 =>高级 =>系统=>打开您计算机的代理设置 在这里把自动检测设置关闭,打开手动设置代理下的使用代理服务器 如此以上一系列操作后,GitHub Pages上的项目就正常显示啦。至此Vue项目部署到GitHub终于成功了,可喜可贺。
步骤二：创建一个 Github 仓库 在GitHub创建仓库，确保与项目相匹配。步骤三：设置和部署 Vue 在vite.config.ts或vite.config.js文件中，修改代码以简化应用程序链接前缀，确保GitHub Page正常工作。步骤四：创建gh-pages分支 创建专门存放 /dist 文件夹的gh-pages分支，避免该文件夹被git忽略。确保在...