好記性不如爛筆頭示弓!渣渣的趕緊做了個小總結(jié)~
github發(fā)布
第一種方式(老師的)
1.完成注冊和登錄
2.點(diǎn)擊頭像——your profile -- Repositories -- new -- Repository name(存儲庫掉弛、項(xiàng)目名)-- 勾上Initialize? README
3.點(diǎn)擊Upload files酗电,把需要上傳的文件拖動到上傳區(qū)域,然后提交
4.回到項(xiàng)目主頁--點(diǎn)擊setting--找到github pages(source)--選擇master branch --save
5.再次找到github pages践付,下面多一個地址愕把,直接復(fù)制地址打開即可票顾。
第二種方式(自己摸索的)
1.點(diǎn)擊頭像- >your profile- >repositories- >new
2.輸入repository name- >不用勾選initialze- >create repository
3.記得選https而不是ssh,然后按照下面提示指令來在命令窗口執(zhí)行
4.上傳成功颅悉!
5.點(diǎn)擊settings- >github pages- >source? 選擇master branch- >點(diǎn)擊save后伞鲫,上方就會出現(xiàn)一個鏈接,該鏈接就是你發(fā)布的項(xiàng)目签舞。
上次是直接發(fā)布一個html項(xiàng)目秕脓,就以上步驟生成的鏈接里就有項(xiàng)目了柒瓣,這次的項(xiàng)目是vue+webpack+mintui,開發(fā)時(shí)一直是用npm run dev 命令吠架,然后發(fā)布后生成的鏈接點(diǎn)擊進(jìn)去沒有任何東西芙贫。
什么鬼?_?
請教同學(xué)之后,知道是因?yàn)檫€沒有編譯npm run? build傍药,在執(zhí)行之前磺平,要修改config文件夾里的index.js文件:
module.exports = {
build: {
...
assetsPublicPath: './',
staticPath:'./static',
...
},
dev: {
...
assetsPublicPath: '/',
staticPath:'/static',
...
}
執(zhí)行之后會有一個dist文件拐辽,然后把這個dist文件單獨(dú)拿出來在github上傳發(fā)布成一個新項(xiàng)目拣挪,這次生成的鏈接點(diǎn)擊進(jìn)去就有項(xiàng)目了。(我第一次點(diǎn)擊進(jìn)去是404的俱诸,退出后再次點(diǎn)擊進(jìn)去就有了)
npm run dev
與開發(fā)環(huán)境相關(guān)的事情菠劝,打包c(diǎn)ss,圖片等等睁搭。
npm run build
與編譯相關(guān)的事情赶诊,運(yùn)行后會有一個dist文件。
這兩者的區(qū)別其實(shí)還是不太明白园骆,如果有人弄明白了或者有學(xué)習(xí)鏈接可以在評論留下舔痪,感激不盡!而且老師說面試官有可能突然想要問問這個問題锌唾,啞口無言就GG了锄码。