初學VUE,分享自己學vue過程

一.在這里我會分享我做的一個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ù)更新中。。。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,816評論 25 709
  • 昨天晚上看了網頁上的陸垚知馬琍的預告片,愛情未滿,友情之上,讓我有種想去看這個電影的沖動。每個電影里我們都能找到自...
    卷卷的鋪子閱讀 175評論 0 0
  • 梳子使用很多年了,記得那還是初中的時候,當時流行那種窄窄的平直的梳子,樂兒就有這么一個,還是當時小女生喜歡的那種紫...
    額晴兒不是格格閱讀 429評論 0 1
  • 去年過年的時候寫的吧! 我出生的時候奶奶就早不在了,后來續(xù)了個弦。大概三歲的時候爺爺也去世了,三歲嘛,也懂不得什么...
    和藹的zhxing閱讀 360評論 1 2
  • 2017.7.27桂男分亨連接天使指導靈與天使: 一.奇跡: 1.我今天非常開心,今天起來平板支撐30下,越來越牛...
    林桂男閱讀 168評論 0 0

友情鏈接更多精彩內容