前言
由于剛開始接觸框架,我感覺一片茫然。框架太多,我該怎么選擇?好像BootStrap是時下最火的前端框架吧?而未來的主流應(yīng)該是Vue和React?
因為這些瑣事,我耽誤了自己將近半個月的時間。在這期間,我發(fā)現(xiàn)自己遇到新事物會不由自主地去逃避。后來,我想通了———與其想一些沒用的東西,不如現(xiàn)學(xué)現(xiàn)賣——我已經(jīng)學(xué)了Vue,為什么不用Vue做一個網(wǎng)站呢?因此,在網(wǎng)上查閱了一些相關(guān)資料后,我決定使用Vue框架來實現(xiàn)小米商城的首頁。
動手開始干
既然已經(jīng)選擇使用Vue,那就需要安裝它
npm i -g vue-cli // 全局安裝
vue init webpack . // 將當(dāng)前文件夾初始化為一個項目
npm i // 安裝依賴
npm run dev // 本地自動打開有一個網(wǎng)頁,實時顯示頁面
本頁面的樣式使用sass來編寫,因此需要安裝插件來支持
npm i -S sass-loader node-sass
想在線上查看效果
npm run build
其他配置
配置.png
效果及代碼
后記
這個效果做下來,感覺收獲頗豐,并且自己對框架有了全新的認知,感覺自己打開了一扇新世界的大門。同時既然選擇了做這個項目,就要堅持下去,有始有終!!