打开github仓库的setting配置,选择Pages配置项,Source项选择Deploy from a branch,Branch项选择master分支下的/docs文件夹。 继续用命令行打开vue项目根目录,输入命令 $npm run build 项目的打包文件就在docs目录下 再将项目进行一次提交(之后每次提交执行都执行下面命令即可) $git add .$git commit -m"test 1"$gi...
点击项目上方的 服务-Gitee Pages,进入Gitee Pages 服务配置页。 部署分支选择 gh-pages,部署目录不填,勾选强制使用HTTPS,点击启动,随后会进行部署。 部署成功后,会在当前页面看到你的Gitee Pages网站地址,打开地址即可看到你的项目网站,和GitHub Pages的一模一样,而且Gitee Pages网站加载会快很多。 示例:https://ma...
gitremoteaddorigin<REMOTE_URL>gitremote -vgit push origin main STEP 3:设置和部署 Vue 找到项目中的vite.config.ts|vite.config.js文件,将代码块中对应内容更改为: exportdefaultdefineConfig({base:"/REPONAME/",plugins:[],resolve:{alias:[]},}) 这样做是为了简化应用程序中的所有链...
Github https://mqyqingfeng.github.io/learn-typescript/Gitee http://mqyqingfeng.gitee.io/learn-typescript/ 0. VuePress VuePress 自然不用多说，基于 Vue 的静态网站生成器，风格简约，配置也比较简单。之所以不使用 VitePress ，是因为想使用现有的主题， 而 VitePress 不兼容当前 VuePress 的生态系统，至于为什...
1. 创建vue3项目 初始化工程,并验证。 2. 创建github仓库 3. 连接vue项目到github仓库 打开vue项目根目录,初始化本地git仓库 连接vue项目到...
vue前端项目写好之后,想部署到线上通过在线地址进行访问,可以通过gitee或者GitHub的pages 这里是手动部署的方法:Vue - vue项目打包部署到Github的pages在线访问 自动化部署需要的准备工作 在项目中设置路径 在vite.config.ts文件设置base为 './', 添加gh-pages分支 ...
步骤2: 初始化项目 git init# 这一步可以先跳过,放到后面一起执行pnpm init 步骤3: 将 VuePress 安装为本地依赖 pnpm add -D vuepress@next @vuepress/client@next vue 如果出现了网络连不上的问题: 将pnpm的仓库源设置为淘宝镜像,再试一试: pnpm configsetregistry https://registry.npm.taobao.org ...
Vue驱动的主题系统:自定义主题或使用现成的主题,轻松打造个性化界面。 性能卓越:预渲染静态HTML,加载速度快,SEO友好。 GitHub Pages:免费且强大的托管服务 GitHub Pages是GitHub提供的一项服务,允许用户免费托管静态网站。与VuePress结合,你可以: 自动化部署:每次推送代码到GitHub仓库,自动更新网站内容。
步骤2: 初始化项目 代码语言:javascript 复制 git init # 这一步可以先跳过,放到后面一起执行 pnpm init 步骤3: 将 VuePress 安装为本地依赖 代码语言:javascript 复制 pnpm add-Dvuepress@next @vuepress/client@next vue 如果出现了网络连不上的问题: ...
步骤2: 初始化项目 git init # 这一步可以先跳过,放到后面一起执行 pnpm init 步骤3: 将 VuePress 安装为本地依赖 pnpm add-Dvuepress@next @vuepress/client@next vue 如果出现了网络连不上的问题: 将pnpm的仓库源设置为淘宝镜像,再试一试: pnpm configsetregistry https://registry.npm.taobao.org ...