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的实例，你知道吗？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。