STEP 3:设置和部署 Vue 找到项目中的vite.config.ts|vite.config.js文件,将代码块中对应内容更改为: exportdefaultdefineConfig({base:"/REPONAME/",plugins:[],resolve:{alias:[]},}) 这样做是为了简化应用程序中的所有链接的前缀,让GitHub Page正常工作。 STEP 4:创建gh-pages分支 注意⚠️:GitHub Page...
2.4:在github上切换到gh-pages分支,点击Settng按钮 2.5:选择到gh-pages branch分支,点击Save 点击https://husanfeng.github.io/vue-components-web/地址 就可以访问了
${{ 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、查看构...
打开github仓库的setting配置,选择Pages配置项,Source项选择Deploy from a branch,Branch项选择gh_pages分支下的/(root)文件夹。 6. 验证 访问https://user.github.io/repo,user为github用户名,repo为github仓库名,例如本例的地址为https://awangll.github.io/vue-demo/...
创建的gh-pages分支 上传到gh-pages分支里的'/dist'文件夹下的文件 STEP 5: 更新Github Page设置 1. Settings -> Pages 2. 在“ Build and Deployment” 下, source -> 选择 “Deploy from a branch” 3. “Branch”, 选择 “gh-pages” 4. 保存 save ...
部署到GitHub Pages 最后,我们需要将我们的应用程序部署到GitHub Pages上。我们可以使用以下步骤来完成: 1. 在GitHub上创建一个新的仓库,并将其命名为 **vue3-music**(与我们在 **vite.config.ts** 配置中设置的公共路径相同)。 1. 在我们的Vue3项目根目录中,使用 Git 命令将我们的应用程序源代码推送到GitH...
步骤二：创建一个 Github 仓库 在GitHub创建仓库，确保与项目相匹配。步骤三：设置和部署 Vue 在vite.config.ts或vite.config.js文件中，修改代码以简化应用程序链接前缀，确保GitHub Page正常工作。步骤四：创建gh-pages分支 创建专门存放 /dist 文件夹的gh-pages分支，避免该文件夹被git忽略。确保在...
1. 创建vue3项目 初始化工程,并验证。 2. 创建github仓库 3. 连接vue项目到github仓库 打开vue项目根目录,初始化本地git仓库 连接vue项目到...
要将Vue项目部署到GitHub上,可以按照以下步骤进行。1、创建并初始化Vue项目;2、创建GitHub仓库;3、将Vue项目推送到GitHub仓库;4、配置GitHub Pages进行部署。接下来将详细描述如何进行这些步骤。 一、创建并初始化Vue项目 首先,你需要在本地创建一个新的Vue项目。如果你没有安装Vue CLI,你需要先全局安装它: ...
pnpm add-Dvuepress@next @vuepress/client@next vue 如果出现了网络连不上的问题: 将pnpm的仓库源设置为淘宝镜像,再试一试: 代码语言:javascript 复制 pnpm configsetregistry https://registry.npm.taobao.org 步骤4: 在 package.json 中添加一些 scripts ...