vue项目在github预览

0.在github兴建仓库

 

1. 处理github新仓库
$git clone https://github.com/yonghuming/changku.git
$cd changku
$npm i -g @vue/cli
$vue create .

-------下面操作可以自己选择-----

$Y  (确认)
$NPM (选择npm或是yarn)

--------------------------------------------

2.编辑vue.config.js

module.exports={
    publicPath:'/changku/'
}

3.deploy.sh

#!/usr/bin/eny sh

set -e

npm run build

cd dist

git init
git add -A 
git commit -m 'New Deployment'
git push -f git@github.com:yonghuming/changku.git master:gh-pages

cd -

4.处理deploy
$ chmod +x deploy.sh

5.建立密钥
$ssh-keygen -t ed25519 -C "xxxxx@qq.com"
(一定要是25519，之后两次enter)
这个格式是不对的
SHA256:kTHBXSsm8kBTXJ6fSvDLMRAPJMBKUIqjzgswOF+UKgk zzzz@qq.com

这个才是对的
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5BBBBIC5EKdwfo9OhecEUgkw1XaAq7IItbRa0dJGkyo0gCU0l zzzz@qq.com

6.在github上注册SSH and GPS keys
github头像-->Setting-->SSH and GPS keys-->粘贴

7.package.json修改deploy的配置：

 "serve": "vue-cli-service serve",
 "build": "vue-cli-service build",
 "lint": "vue-cli-service lint",
 "deploy": "sh deploy.sh"

8.修改欢迎页面

9.打包
$npm run deploy

10.点击github头像-->仓库-->Pages