美文网首页
github发布步骤小总结

github发布步骤小总结

作者: 冷感炸毁 | 来源:发表于2017-08-21 13:49 被阅读0次

    好记性不如烂笔头!渣渣的赶紧做了个小总结~

    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了。

    相关文章

      网友评论

          本文标题:github发布步骤小总结

          本文链接:https://www.haomeiwen.com/subject/ghbcdxtx.html