一.在這里我會(huì)分享我做的一個(gè)vue.js的網(wǎng)頁(yè)云音樂(lè)的過(guò)程,來(lái)記錄自己的學(xué)習(xí)忧吟,小菜鳥一枚砌函。(不喜勿噴,請(qǐng)點(diǎn)擊右上角)
(最近有點(diǎn)忙溜族,準(zhǔn)備找下工作讹俊,所以就沒(méi)時(shí)間寫記錄,不過(guò)這里補(bǔ)充一個(gè)碼云地址https://git.oschina.net/chenzihong/vue-wymusic.git)這個(gè)也是仿著GitHub上開(kāi)源的一個(gè)項(xiàng)目學(xué)著做煌抒,從中也學(xué)到了很多仍劈。
https://git.oschina.net/chenzihong/vue-wymusic
1.1首先使用vue-cli腳手架去直接生產(chǎn)一個(gè)項(xiàng)目
1)使用的前先要全局安裝一下vue-cli。(這里需要用到npm寡壮,沒(méi)有的去安裝一個(gè)node就自帶npm了)
npm install vue-cli -g
2)安裝好了之后就在C:\Users\Administrator\AppData\Roaming\npm這個(gè)目錄下看到下圖這個(gè)命令了
3)接著就是使用vue-cli去搭建一個(gè)vue-demo贩疙,在命令行里面輸入 vue init webpack 項(xiàng)目名讹弯,接著就去下載模板了。這里也可以使用 vue init webpack-simple 項(xiàng)目名(這是簡(jiǎn)潔版)
4)下載完后看到命令上的提示这溅,我們就輸入cd wymusic 進(jìn)入wymusic目錄下组民,接著輸入npm i(i是install的簡(jiǎn)寫)下載所需要的依賴包。
5)下載完依賴包后悲靴,我們就接著輸入npm run dev把項(xiàng)目跑起來(lái)(默認(rèn)監(jiān)聽(tīng)8080端口)
6)這時(shí)候一個(gè)超級(jí)簡(jiǎn)單的vue-dmo就好了
7)接著就把這項(xiàng)目丟到碼云上(github好慢這里就用碼云吧)
首先注冊(cè)和登錄好了臭胜。然后在碼云上創(chuàng)建一個(gè)項(xiàng)目,
創(chuàng)建好了之后就往上面丟代碼了癞尚,由于我是直接腳手架搭建的項(xiàng)目耸三,里面已經(jīng)有了.git文件和.gitignore、README文件浇揩,所以就不用自己去建了仪壮,然后就執(zhí)行命令 git remote add origing https://git.oschina.net/chenzihong/wymusic.git 命令給自己添加一個(gè)遠(yuǎn)程版本庫(kù),然后再往上面提交代碼临燃,命令為 git push -u origin master,第一次提交加上 -u睛驳,提交完后你在碼云上面就看到下面情況
持續(xù)更新中烙心。膜廊。。