webstorm怎么跑项目_怎么跑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:WebStormProjectmint-ui-masterpackagesloadmoresrcloadmore.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:WebStormProjectmint-ui-masterpackagesloadmoresrcloadmore.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’。

最后浏览器上访问成功！

总结

以上是生活随笔为你收集整理的webstorm怎么跑项目_怎么跑Mint-UI的实例，你知道吗？的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。