vue3.0学习笔记(二)
程序员文章站
2023-04-06 15:10:49
一、选择合适的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 布局的时候,可以选择使用 来动态计算更新 rem 的值
选择完成后,cube-ui会自动添加配置项到项目中,我们直接使用就可以了