!!!  安装element_UI之前需要安装VUE脚手架框架!

第一步:  在Vscode 随意打开一个文件夹,在集成终端打开

npm i -g @vue/cli

  (检测: vue 版本)

vue -V

第二步:新建一个文件夹,并且在集成终端打开安装VUE脚手架

需要输入命令:

vue create yan6  //yan6 为自定义文件名

1: 选第三个自定义

2: 将formatter 按空格取消勾选  然后回车

3:为了兼容 选择2.0 回车

4: 输入N 不保存本次配置 (如有需要可以给此配置命名保存)

 5: 进入当前文件夹 OK!

 6:打开SRC里的APP.vue在终端打开 输入npm  run serve  即可运行本文件

下载element-UI (注意!要在自己下载vue脚手架自定义命名的文件里用终端打开!!!)

1:下载 element 输入npm i element-ui -S

 2:打开mani.js入口文件进行配置element

3:main.js引入使用

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)
element
A Vue.js 2.0 UI Toolkit for Web

4 :还有要在VScode 安装 vetur 插件!!!

5:运行vue项目 打开vue项目在集成终端打开 输入 npm  run serve

Ok!!!  所需文件全部完成搭建

开始使用element

组件 | Element 链接地址点击跳转到element-UI 网站参照模板使用

阅读全文
AI总结
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:7 个月前 )
c345bb45 11 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 11 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐