一、選擇合適的ide 推薦使用vs code編輯器,界面清晰、使用方便,控制台功能很好用。webstorm也可以,看個人喜好。 二、ui框架選擇 目前,pc端一般是選擇element ui(餓了麽),移動端的框架比較多,mint ui(餓了麽,已不提供更新)、vant ui(有贊)、cube-ui( ...
一、選擇合適的ide
推薦使用vs code編輯器,界面清晰、使用方便,控制台功能很好用。webstorm也可以,看個人喜好。
二、ui框架選擇
目前,pc端一般是選擇element ui(餓了麽),移動端的框架比較多,mint ui(餓了麽,已不提供更新)、vant ui(有贊)、cube-ui(滴滴),我這裡要做一個移動端小程式,所以選擇了cube-ui(https://didi.github.io/cube-ui/#/zh-CN)
三、安裝cube-ui
根據cube-ui官網,vue-cli >= 3時,直接執行vue add cube-ui 進行安裝,安裝過程中會詢問特殊配置項:
1、Use post-compile 選擇後編譯
2、Import type 引入類型 按需引入 還是 全部引入,項目較小的情況下 建議全部引入,組件使用起來更方便
3、Custom theme 自定義主題
4、Use rem、vw layout 使用rem、vw佈局
5、Use amfe-flexible 當使用 rem 佈局的時候,可以選擇使用 lib-flexible 2.x 來動態計算更新 rem 的值
選擇完成後,cube-ui會自動添加配置項到項目中,我們直接使用就可以了