github发布步骤小总结

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

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