elementUL
常见的vue技术栈组件库给大家罗列下
·移动端(Vant、Cube-UI、NutUI)
·PC端(element-ui、Ant Design of Vue、iView)
·小程序:uniapp
组件库的基本流程一般分为三部
1.根据项目的实际情况,进行技术选型:用是什么技术栈和用什么组件库
2.去对应的官网上查文档
3.遇到困难时:
a.在官网上找常见问题(一般在网页的最低部)
b.在社区/搜索引擎找答案
c.去提issue ,面对面直接向组件的作者提问
d.改源码
创建项目并引入element组件库
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
官方地址:element.eleme.cn/#/zh-CN
ElementPlus(适配Vue3.0的版本)官方地址: element-plus.org/#/zh-CN
用vue-cli创建vue项目
1.找到一个合适的文件夹打开cmd小黑窗,用 vue create 项目名
2.选择手动选择
3.选择安装路由和vuex和babel
4.选择vue2
5.创建完成
cd项目名再启动
cd element-demo # 进入项目目录
npm run serve # 运行命令
把ElementUI添加到项目中
npm i element-ui -S S: 是--save的简写,表示 这个包是生产依赖, 表示项目上线也要使用这个包。
-S: 是可以省略不写的。
如果要安装开发依赖,则要加 -D。
main.js中引入并注册
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
创建完成