好记性不如烂笔头!渣渣的赶紧做了个小总结~
github发布
第一种方式(老师的)
1.完成注册和登录
2.点击头像——your profile -- Repositories -- new -- Repository name(存储库、项目名)-- 勾上Initialize README
3.点击Upload files,把需要上传的文件拖动到上传区域,然后提交
4.回到项目主页--点击setting--找到github pages(source)--选择master branch --save
5.再次找到github pages,下面多一个地址,直接复制地址打开即可。
第二种方式(自己摸索的)
1.点击头像- >your profile- >repositories- >new
2.输入repository name- >不用勾选initialze- >create repository
3.记得选https而不是ssh,然后按照下面提示指令来在命令窗口执行
4.上传成功!
5.点击settings- >github pages- >source 选择master branch- >点击save后,上方就会出现一个链接,该链接就是你发布的项目。
上次是直接发布一个html项目,就以上步骤生成的链接里就有项目了,这次的项目是vue+webpack+mintui,开发时一直是用npm run dev 命令,然后发布后生成的链接点击进去没有任何东西。
什么鬼⚆_⚆
请教同学之后,知道是因为还没有编译npm run build,在执行之前,要修改config文件夹里的index.js文件:
module.exports = {
build: {
...
assetsPublicPath: './',
staticPath:'./static',
...
},
dev: {
...
assetsPublicPath: '/',
staticPath:'/static',
...
}
执行之后会有一个dist文件,然后把这个dist文件单独拿出来在github上传发布成一个新项目,这次生成的链接点击进去就有项目了。(我第一次点击进去是404的,退出后再次点击进去就有了)
npm run dev
与开发环境相关的事情,打包css,图片等等。
npm run build
与编译相关的事情,运行后会有一个dist文件。
这两者的区别其实还是不太明白,如果有人弄明白了或者有学习链接可以在评论留下,感激不尽!而且老师说面试官有可能突然想要问问这个问题,哑口无言就GG了。