Element-UI安装和项目开发

方法一：引入CDN

使用起来最简单的方法，直接引入CDN就可以工作了

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<script src="https://unpkg.com/element-ui/lib/index.js"></script>

最简单的页面效果

方法二：npm安装（node版本需要6.x.0以上）

安装步骤：

官网给出的安装方法：

node输入命令行 npm i element-ui -S

我是在本地安装的没有全局安装，这样需要在项目地址安装一些别的一老：VUE和webpack等

出现的问题：

这个是package文件的配置问题出错，解决办法：

1.直接修改package.json文件内容

2.npm命令行重新初始化一下

npm init

根据提示修改信息，注意version是1.0.0

npm init -f 查看信息

接着npm install 安装项目需要的依赖环境

这样下载的项目很完整，有很多完整的项目示例

方法三：自己开发使用，应用空白模板

下载空白开发模板==》https://github.com/ElementUI/element-starter

文件结构：

node命令行进入文件夹

运行：

npm run dev

运行成功

会直接打开页面，并且实时更新调试

npm安装的会提示具体错误信息

src内创建的vue文件修改后会实时刷新内容的，不需要每次都运行

编译项目：npm run build命令

执行后会输出编译好的项目文件

转载于:https://www.cnblogs.com/calamus/p/7434884.html

Element-UI安装和项目开发相关推荐

在线相册，图片上传，基于 Spring boot vuejs element ui mysql 的项目
最近想学关于vuejs 和 element ui ,趁着工作之余开发了一个在线相册的项目,功能有注册,登录,预览,各种中心,图片上传,我的资源,图片编辑等,,在此做一个分享吧. Git 地址 :ht ...
vue学习笔记-关于element ui 安装失败的问题解决
今天学习vue时,对element ui进行安装,运行npm install element-ui -S 命令,出现报错: npm ERR! code ERESOLVE npm ERR! ERESOL ...
vue+element ui+腾讯云开发打造会员管理系统之实战教程（三）系统登录
目录登录逻辑邮箱登录配置登录逻辑用户注册功能注册页面效果激活邮件代码配置程序预览源码登录逻辑 elment脚手架本身已经实现了登录逻辑,但是结合项目本身还需要进行改造,因为腾讯云开 ...
安装Sourcetree项目开发工具
一.Sourcetree简介 Sourcetree是一个免费的可视化Git管理工具,可以操作任何Git库:同时支持Windows和Mac平台,界面简洁易用,极大的简化了开发者与代码库之间的Git操作方 ...
element ui 表格动态列显示空白bug 修复
在使用element ui框架进行项目开发的时候,表格的列是根据后台数据动态生成的,但是发现在列刷新的视乎,会出现表格完全空白,没有显示的情况,经过自己编写demo发现,在增加列的情况下表格正常,但是 ...
Element UI极简教程(1)：Element UI的安装
Java大联盟致力于最高效的Java学习关注 B 站搜索:楠哥教你学Java 获取更多优质视频教程 Element UI 简介 Element UI 是一套基于 Vue 的桌面端组件库,封装好 ...
vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架
[Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...
Element Tiptap Editor - 免费开源的 Vue 富文本编辑器，专门为搭配 Element UI 使用优化，使用很简单
一款很容易上手配置的富文本编辑器,和 Element plus 一起使用效果非常好,还能自定义功能. 关于 Element Tiptap Editor Element Tiptap Editor 是一 ...

Element-UI安装和项目开发

Element-UI安装和项目开发相关推荐

最新文章

热门文章