Vue_Element离线使用方法

前提条件:在Vue项目中安装好了Element
第一步:下载Element
在https://github.com/ElemeFE中下载需要版本的Element,本说明下载版本为element-2.9.2.
第二步:配置部署
>>cd element-2.9.2
>>cnpm install
查看项目的package.json可以看到可以运行的命令,其中如下命令可以进行部署
“deploy:build”: “npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js && echo
element.eleme.io>>examples/element-ui/CNAME”
运行如下命令
>>cnpm run deploy:build
获取打包后的文件
运行完之后生成打包目录:example\element-ui
>>cnpm install http-server
在element-ui目录启动静态http服务器
//方式一
>>cnpx http-server //默认 8080端口
//方式二
>>cnpx http-server -p 9090 //使用9090端口
本地浏览器访问127.0.0.1:9090即可访问Element主页
第三步:解决方法
在没有联网的情况下,浏览器出现白屏情况。
解决方法:打开开发者工具会发现有几个js获取不到。
在外网环境下载这几个js文件:

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element Plus是一个基于Vue3的UI组件库,它提供了一套丰富的组件和工具,用于构建现代化的Web应用程序。Element Plus库的离线文档中文版指的是将Element Plus的官方文档翻译为中文,并提供给用户可以在无需网络连接的情况下查看和使用离线文档中文版的好处是方便用户在没有网络的环境下使用Element Plus库时进行查询、学习和使用。相比于需要依赖网络连接的在线文档,在离线文档中文版中,用户可以通过查阅文档来了解Element Plus的各种组件的使用方法、属性、事件等详细信息,以及如何进行样式的自定义和全局设置等相关内容。 离线文档中文版的获取方式可以通过Element Plus官方网站下载相关离线文档压缩包,并解压后即可在本地电脑或其他设备上使用。一旦安装完成,用户可以通过浏览器打开文档的HTML文件,就可以立即查看并使用离线中文文档。 离线中文文档的使用方式和在线文档相似,用户可以通过使用离线文档快速搜索、导航和跳转到所需的组件或相关内容。文档中详细记录了Element Plus的各种组件和工具的使用方法和示例,用户可以根据自己的需要进行查找、学习和实践。 总的来说,Element Plus离线文档中文版提供了一种便捷的方式让用户在无网络连接的情况下使用Element Plus库,并快速查询和了解各组件的使用方式和相关信息,帮助用户更高效地开发Web应用程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值