怎么跑Mint-UI的实例，你知道吗?（信息技术在生活中的应用实例）

Mint -UI是饿了么前端团队推出的移动端UI框架。

在github上有13200个star，2912个fork。也算是比较知名和流行的UI框架了，是值得学习和尝试的。

不过官网上的文档例子不是很全面，建议下载他们提供的example来学习。

具体：

1.到github上下载含examplle的源码（zip压缩包）

2.打开项目，然后按提示在terminal中输入npm install 安装依赖，我这里使用webstorm。

3.在terminal中输入npm run dev运行 ,不过发现有报错“ Missing radix parameter”，

ERROR in ./packages/loadmore/src/loadmore.vue

? http://eslint.org/docs/rules/radix Missing radix parameter

D:\WebStormProject\mint-ui-master\packages\loadmore\src\loadmore.vue:271:18

return parseInt(this.$el.getBoundingClientRect().bottom) <= parseInt(this.scrollEventTarget.getBoundingClientRect().bottom) + 1;

? http://eslint.org/docs/rules/radix Missing radix parameter

D:\WebStormProject\mint-ui-master\packages\loadmore\src\loadmore.vue:271:71

return parseInt(this.$el.getBoundingClientRect().bottom) <= parseInt(this.scrollEventTarget.getBoundingClientRect().bottom) + 1;//报错的代码

? 2 problems (2 errors, 0 warnings)

Errors:

http://eslint.org/docs/rules/radix

一番搜索后，发现Missing radix parameter的意思是:缺少一个基数根，也就指:parseint的第二个参数没有指定。这是因使用ESLint检查javascript代码语法时，压缩工具对语法的严谨性要求比较高。虽然parseInt的第二个参数默认是十进制，（第二参数有四种:2、8、10、16，分别对应二进制、八进制、十进制、十六进制）； 但在parseInt语法进行转换时，还是要求明确加个第二个参数。

找到文件：./packages/loadmore/src/loadmore.vue 文件

代码改为以下即可

 return parseInt(this.$el.getBoundingClientRect().bottom,10) <= parseInt(this.scrollEventTarget.getBoundingClientRect().bottom,10) + 1; 

4.清除错误再次npm run dev最后得到的是以下信息，表面打包有效。

但是，访问地址，要怎么在浏览器上访问呢？

要更改配置，如下：

即将 host: require('my-local-ip')（） 注释 改为 ‘localhost’ 或者 ‘127.0.0.1’。

最后浏览器上访问成功！