首先要做到是你的github已经创建了github的个人网站，不会的话请百度、Google等。今天主要内容是

我们还用vue-cil的webpack-simple模板，当写完打包的时候生成的打包文件在dist文件夹下
但是只生成了build.js和build.js.map两个文件

如果将sourceMap设置为false将只生成build.js文件打包之前如果你用vue-router了请将

路由的模式采用默认的hash模式因为history模式需要后端配合才能使用

你需要将

index.html 复制到dist文件夹内此时文件夹内有

这个文件夹就是你需要上传的文件当然在本地点击index文件出来的页面什么都没有在本地预览需要设置一些东西我刚学配置不会流下了没技术的泪水！！！！

上传至github个人主页仓库刚开始输入网址进入内容样式都会加载但是引用的图片一个没有

按f12看到没有图片所以就需要你把本地的图片安装提示错误的路径上传到github仓库内

之后就可以输入链接进入预览了预览链接

参考

vue cli webpack-simple打包上传至github