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

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

它的技術棧是,

vue+vant+node+mongoDB+koa2..

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

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

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

- 首頁

- 商品類型

- 購車車

- 登錄、註冊

- 後臺接口

- ...

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

然後現在在連載中,處於免費的狀態,我會把每天在公衆號裏連載,文字內容就直接發出來,視頻就發在優酷了,點擊【閱讀原文】就可以跳轉,手機上看很方便。

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

因爲現在是免費的狀態,所以想要下載高清視頻的同學們,就請付出一點小小的勞動,把這篇文章轉發到某個前端微信羣裏,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...

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章