一.在這里我會分享我做的一個vue.js的網頁云音樂的過程,來記錄自己的學習,小菜鳥一枚。(不喜勿噴,請點擊右上角)
(最近有點忙,準備找下工作,所以就沒時間寫記錄,不過這里補充一個碼云地址https://git.oschina.net/chenzihong/vue-wymusic.git)這個也是仿著GitHub上開源的一個項目學著做,從中也學到了很多。
https://git.oschina.net/chenzihong/vue-wymusic
1.1首先使用vue-cli腳手架去直接生產一個項目
1)使用的前先要全局安裝一下vue-cli。(這里需要用到npm,沒有的去安裝一個node就自帶npm了)
npm install vue-cli -g
2)安裝好了之后就在C:\Users\Administrator\AppData\Roaming\npm這個目錄下看到下圖這個命令了

3)接著就是使用vue-cli去搭建一個vue-demo,在命令行里面輸入 vue init webpack 項目名,接著就去下載模板了。這里也可以使用 vue init webpack-simple 項目名(這是簡潔版)

4)下載完后看到命令上的提示,我們就輸入cd wymusic 進入wymusic目錄下,接著輸入npm i(i是install的簡寫)下載所需要的依賴包。

5)下載完依賴包后,我們就接著輸入npm run dev把項目跑起來(默認監(jiān)聽8080端口)

6)這時候一個超級簡單的vue-dmo就好了

7)接著就把這項目丟到碼云上(github好慢這里就用碼云吧)
首先注冊和登錄好了。然后在碼云上創(chuàng)建一個項目,

創(chuàng)建好了之后就往上面丟代碼了,由于我是直接腳手架搭建的項目,里面已經有了.git文件和.gitignore、README文件,所以就不用自己去建了,然后就執(zhí)行命令 git remote add origing https://git.oschina.net/chenzihong/wymusic.git 命令給自己添加一個遠程版本庫,然后再往上面提交代碼,命令為 git push -u origin master,第一次提交加上 -u,提交完后你在碼云上面就看到下面情況

持續(xù)更新中。。。