部署成功后,会在当前页面看到你的Gitee Pages网站地址,打开地址即可看到你的项目网站,和GitHub Pages的一模一样,而且Gitee Pages网站加载会快很多。 示例:https://marco-hui.gitee.io/vue-admin-web 3、项目更新 往后项目的更新,首先还是先将代码push到github上面,待GitHub Pages部署成功后,再在gitee的项目中,点击...
${{ runner.os }}-yarn-# 安装依赖-run:yarn# 打包构建-run:yarnbuild# 发布到 GitHub Pages-name:Deployuses:peaceiris/actions-gh-pages@v2env:PERSONAL_TOKEN:${{secrets.ACCESS_TOKEN}}# 访问秘钥PUBLISH_BRANCH:gh-pages# 推送分支PUBLISH_DIR:./dist# 部署目录 8、把项目代码推送到远程仓库 9、查看构...
当Vue项目完成后,在根目录下打开命令行,输入命令: npm run build 实际上此命令就是执行build.js文件,将项目打包成静态资源。 此命令完成后,项目根目录下会多出一个dist文件夹,dist文件里面有: static文件下包括项目打包后的css、js、img、fonts(字体图标)。 项目资源无法加载 点击index.html,浏览器显示该页面是...
1、要有个vue的项目(web的项目都可以) 2、在gitee或者GitHub建立项目(这里是通过GitHub展示的) vue项目设置并打包 在vue.config.js文件设置publicPath为./ 在这里插入图片描述 运行打包命令npm run build:prod生成dist包 在这里插入图片描述 添加gh-pages分支 新增一个代码分支,命名为gh-pages,如果不是空白分支,把...
打开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 ...
1. 创建vue3项目 初始化工程,并验证。 2. 创建github仓库 3. 连接vue项目到github仓库 打开vue项目根目录,初始化本地git仓库 连接vue项目到...
STEP 1: 创建Vue3项目 这篇文章是面向对vue3前端框架有一定了解的同学滴(有兴趣的也行hh) Vue项目的开发过程中,up还是很推荐大家用Jetbrains全家桶中的WebStorm作为IDE的。什么?要花钱?速来关注Up然后咱私信见🐶(限Mac用户) STEP 2: 创建一个 Github 仓库 ...
。为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：博客地址如下：Github https://mqyqingfeng.github.io/learn-typescript/Gitee http://mqyqingfeng.gitee.io/learn-typescript/ 0. VuePress VuePress 自然不用多说，基于 Vue 的静态网站生成器，风格简约，配置也比较简单。之所以不使用 ...
创建Vue项目 vue init webpack project-name 2. 修改Vue项目配置 config/index.js --> build --> assetsPublicPath --> / --> ./ build/webpack.prod.conf.js --> new HtmlWebpackPlugin --> removeAttributeQuotes --> true --> false .gitignore --> 注释/dist/ 3. 项目打包 npm run build ...
6. 设置GitHub Pages:在GitHub仓库的设置页面中,滚动到“GitHub Pages”部分,选择`main`分支,点击“Save”按钮。稍等片刻,仓库页面会显示一个绿色的提示信息,说明GitHub Pages已经启用。 7. 访问预览链接:在仓库页面的“GitHub Pages”部分,会显示一个预览链接,点击该链接即可访问到Vue项目的预览页面。 通过以上步骤...