GitHub Pages托管Vue3+Vite项目

前面都没有问题的兄弟，可以直接跳到第七步

一、创建一个Vue3+Vite项目并运行

1. 创建

npm create vue@latest

可以根据自己的需求进行选择

2. 安装依赖

npm i

3. 运行

npm run dev

二、修改 vite.config.js 文件

在此文件中，defineConfig 中加入 base 参数，具体如下：

export default defineConfig({
  base: '/vue3-vite',
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

此时你会发现，本地运行的项目路径变成了 http://localhost:5173/vue3-vite/

三、初始化git仓库并提交

可以使用命令

git init

也可以使用vscode的可视化操作来初始化git仓库

说明：使用此方式，创建的默认的分支是main，如果想要使用master作为默认分支需要修改vscode配置【设置 → 用户 → 扩展 → Git → 一直滚，直到找到如下 → 将输入框中的main改为master即可】

输入提交信息( 我这边使用的是 git-commit-plugin )

具体使用可以参考这篇文章 结合企业实践来规范你的Git commit（含插件使用指南）-阿里云开发者社区 (aliyun.com)

标签：npm,git,name,GitHub,master,Vue3,Pages	

From： https://www.cnblogs.com/qmcx/p/18236736