Vue

2018-09-21

安装脚手架创建初始项目并发布至GitHub Pages

1.在github创建项目,并拉下来

git clone https://github.com/xxxx.git

2.安装vue-cli

npm install --global vue-cli

3.用vue-cli来构建项目

vue init webpack xxxx

根据提示一步步输入

4.切换到项目目录,安装gh-pages到项目中

cd xxxx
npm install gh-pages --save-dev

5.设置package.json

//配置homepage
"homepage": "./",

//配置scripts
"scripts":{
     ...,
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist"
}

6.修改配置目录config里的index.js

build: {
	...,
    assetsPublicPath: './',
}

7.修改.git/config,添加用户名密码

[remote "origin"]
	url = https://xxx:xxx@github.com/xxxx.git

8.先提交github

git add .
git commit -m "init"
git push

9.执行编译提交

npm run deploy

执行完后会在github项目里出现gh-pages分支