尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️
新規劃的課程是一個完整的移動端的電商網站的實例項目,
它的技術棧是,
vue+vant+node+mongoDB+koa2..
大概效果圖是這樣的,(圖比較醜,sorry)
每節課程規劃是大概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…