《vue+vant+node+mongoDB+koa2》電商項目實戰連載(1)

尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️

加入LINE好友

新規劃的課程是一個完整的移動端的電商網站的實例項目,

它的技術棧是,

vue+vant+node+mongoDB+koa2..

大概效果圖是這樣的,(圖比較醜,sorry)

《vue+vant+node+mongoDB+koa2》電商項目實戰連載(1)

每節課程規劃是大概12-15分鐘左右,是以功能點來劃分課程的節奏。預計總課時數大概40節左右吧,看實際情況吧。

課程內容大的模塊,包括,

– 首頁

– 商品類型

– 購車車

– 登錄、註冊

– 後台接口

– …

到後期的時候,可能還會加上Mongoose,它是nodeJS提供連接 mongodb的一個庫,其實就是一個中間件一類的東西,使用它的話,就免得咱們自己再去手動操作nodeJs連接mongoDB了。看情況吧,也許為了深入細節就特意的用nodeJs去操作mongoDB呢。

然後現在在連載中,處於免費的狀態,我會把每天在公眾號里連載,文字內容就直接髮出來,視頻就發在優酷了,

每個【閱讀原文】只能添加一個鏈接,所以第二、三、n個視頻就放在當天公眾號文章的副文的【閱讀原文】里了。

因為現在是免費的狀態,所以想要下載高清視頻的同學們,就請付出一點小小的勞力,把這篇文章轉PO到某個前端微信群里,10分鐘之後,截圖發我,我就給你下載的網盤鏈接。

等這個連載結束之後,會形成一個完整的課程,轉為收費模式,並提供相關服務。

那現在就開始吧,

<!– 第一節,前端開發的環境的搭建 –>

vue-cli,要安裝它,但是你要先安裝好nodejs,

按鍵盤上的shift鍵,滑鼠點擊右鍵,

選擇「打開powershell」窗口,它和cmd是一樣的用法,

在控制台中輸入 ,

mkdir shopCarProject,建好項目的目錄。

先要確定你安裝了nodejs

<!– nodejs的安裝過程,這里就不再演示了 –>

node -v,看一下nodejs的版本

npm -v,看一下npm的版本,盡量在5.x以上

先全局安裝 vue-cli,npm install vue-cli -g

<!– 我已經全局安裝過了,這里就不再演示了 –>

在控制台中創建項目,

vue init webpack

然後,

npm install

npm run dev…

About 尋夢園
尋夢園是台灣最大的聊天室及交友社群網站。 致力於發展能夠讓會員們彼此互動、盡情分享自我的平台。 擁有數百間不同的聊天室 ,讓您隨時隨地都能找到志同道合的好友!