前提条件:在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文件:
Vue_Element离线使用方法
最新推荐文章于 2024-07-07 19:24:17 发布