平時(shí)做的一些vue或者react項(xiàng)目想線上部署之后可以讓別人預(yù)覽,可以通過(guò)netlify這個(gè)平臺(tái)實(shí)現(xiàn)。配合GitHub使用智润,真的很方便。
創(chuàng)建vue項(xiàng)目,推送到遠(yuǎn)程代碼倉(cāng)庫(kù)未辆。
vue create netlify-app
git remote add 你的倉(cāng)庫(kù)地址
git push -u origin master
打開https://www.netlify.com/注冊(cè)賬號(hào)窟绷,建議直接使用GitHub賬號(hào)進(jìn)行登錄。
登錄成功之后點(diǎn)擊創(chuàng)建新站點(diǎn)使用Git按鈕咐柜。
image.png
選擇GiitHub兼蜈,這時(shí)候會(huì)彈出授權(quán)登錄的窗口,直接點(diǎn)擊授權(quán)就可以拙友。
image.png
選中剛才提交到GitHub的vue項(xiàng)目为狸。
image.png
選中需要發(fā)布的分支,填寫編譯命令和發(fā)布目錄(生成目錄)。點(diǎn)擊發(fā)布按鈕就OK了R牌酢辐棒!
image.png
image.png
成功之后會(huì)彈出可以預(yù)覽的地址,點(diǎn)擊打開就可以了。以后每一次代碼修改之后提交到GitHub就會(huì)自動(dòng)發(fā)布漾根。