欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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