vue3.0学习笔记(二)

一、选择合适的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会自动添加配置项到项目中,我们直接使用就可以了

  

猜你喜欢

转载自www.cnblogs.com/codingstudy/p/10909881.html