饿了么项目创建流程(elementUL )

327 阅读1分钟

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 项目名

第一步.jpg

2.选择手动选择

第2步.jpg

3.选择安装路由和vuex和babel

第三步.jpg

4.选择vue2

第五步.jpg

5.创建完成

第七部.jpg

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)

创建完成