1. 程式人生 > >Vue+Koa2移動電商實戰 (一)前端環境搭建

Vue+Koa2移動電商實戰 (一)前端環境搭建

mage 移動電商 src 檢測 等待 -c localhost 接口 簡單的

這是我的第一套實戰系列博客,希望有更多的小夥伴兒能看到,也給自己個動力寫完這個系列的博文,大家共同學習共同進步。

這套博文全面的講解了vue+koa的實戰項目。涉及的技術:vue+Router+vant+Node+Mongodb

本套博文將從零開始搭建一個移動電商系統,包括首頁展示/類別展示/購物功能/註冊登陸/積分系統/查找頁面/後臺接口設置

這個項目呢,我也是從零開始搭建,如果在這個過程中有小夥伴兒發現了花生的一些不對的地方,希望能多多指出來,也希望看到這個系列的小夥伴兒能有所收獲。我的QQ:1662566616。

今天呢我們就開始做前端環境的搭建

我的項目創建是在我電腦的D盤,小夥伴兒們可以在自己電腦隨便哪個地方創建都行的

mkdir smile

cd smile

全局安裝vue-cli:npm install vue-cli -g

技術分享圖片

然後輸入 vue init webpack 來初始化我們的項目

技術分享圖片

等待安裝完成後我們可以使用 npm run dev 來檢測我們的項目是否初始化成功

在瀏覽器中輸入 http://localhost:8080/#/ 進行測試

技術分享圖片

總結:

今天呢我們主要使用了vue-cli來創建我們的前端目錄,還是很簡單的,如果有不熟悉的小夥伴兒可以去查閱下官網文檔

Vue+Koa2移動電商實戰 (一)前端環境搭建