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文件：
vue-router.min.js
vue.runtime.min.js
highlight.pack.b1f71b31-3c07-11e9-ba1a-55bba1877129.js
color-brew