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的实例,你知道吗?相关推荐
- l5630鲁大师跑分_鲁大师跑分详解-内存篇:内存跑分为什么比别人低?分数差在哪?...
今天鲁sir不说别人家的手机了,说说自己家的鲁大师,回归老本行,接下来呢给大家详细解释一下鲁大师跑分项目. 本期是第一期,所以给大家解释一个最直观也是最容易被忽略的电脑硬件--内存.内存也就是我们电脑 ...
- webstorm怎么跑项目_快讯!明年厦门中考体育项目定了!初三家长抽的!其他地市抽到啥?...
刚刚 市教育局采用现场抽签的方式 进行2021年厦门市体育中 考抽考.抽选考类项目抽选工作 这也是体育中考第一次采用抽考和抽选考方式 之前都是学生自选 上午抽签采用现场直播, 可以从以下链接进入↓ 明 ...
- webstorm怎么跑项目_看不懂代码,不会用框架,新手程序员入职后如何快速上手项目?...
大家好,我是良许. 对于职场新人,特别是应届毕业生,他们拿到offer之后,进入公司后会有一段时间的焦虑感.比如说,不懂公司项目开发流程,代码看不懂,业务流程也不知道,框架不会用,等等还有各种各样的问 ...
- 250鲁大师跑分_鲁大师跑分20万起步的闲鱼二手电脑能买么?只要四招轻松告别套路...
萌新买电脑一直是个业界难题,因为电脑硬件产品又有别于其他电子产品,它们的寿命周期很不稳定,运气好时连用10年都还能继续服役,运气不好可能开箱之后就当场暴毙,如何能买到一台性能过得去又稳定的主机也就成为 ...
- win10计算机跑分,鲁大师如何跑分_鲁大师跑分详细教程
很多小伙伴都知道鲁大师可以测试电脑的性能,就是大家称为的跑分,跑分的大小跟电脑的性能成正比,跑的越高性能越好.那么该如何在鲁大师里面进行跑分测试呢?其实只要打开性能测试就可以了,具体的教程下面一起来看 ...
- Mint UI —— 基于 Vue.js 的移动端组件库
写文章登录 Mint UI -- 基于 Vue.js 的移动端组件库 杨奕 8 个月前 Mint UI GitHub:https://github.com/ElemeFE/mint-ui 项目主页:h ...
- 电脑测速软件_不服跑个分!常见固态硬盘测速工具性价比盘点(上)
尽管不像CPU的核心或线程数量那样直观,固态硬盘性能在近几年电脑硬件中确实增长迅速.不同类型的测速软件也是五花八门,不服跑个分之后,我们能从分数中得到什么?又会因为这次跑分对硬盘产生多少写入量? 笔者 ...
- 不用跑项目,组件效果所见即所得,绝了!
作者 | 零一 来源 | 前端印象 大家好,看到一个好东西,忍不住来分享一下. 我们在写需求时都会封装一些组件,然后会为该组件定义一些 props ,使其跟业务分离,变得更通用.写完组件后需要验证一下 ...
- YOLOV5:不懂代码也能使用YOLOV5跑项目
YOLOV5:不懂代码也能使用YOLOV5跑项目:2021-09-12 文章目录 YOLOV5:不懂代码也能使用YOLOV5跑项目:2021-09-12 一.文件夹结构介绍 文件结构: master文 ...
最新文章
- WebStorm下ReactNative代码提示设置
- HashSet 与TreeSet和LinkedHashSet的区别
- Python zip() 与 map()的用法
- idea 编译显示source1.3不支持泛型(请使用source5或更高版本)
- 重定向和转发之间的区别
- HttpApplication类及派生的Global类
- linux手动安装unzip_怎样在Linux下搭建接口自动化测试平台?
- 想更换手机卡,但它绑定了支付宝,微信,银行卡等,该怎么办啊?
- [转载] 140种Python标准库、第三方库和外部工具
- 四川信息职业技术学院2019考纲复习
- Linux下的网卡驱动程序的编写过程(转)
- 关于Chrome浏览器(Chrome Stable、 Chrome Canary 、Chromium)
- 整蛊系列——使小伙伴的电脑自动关机
- 你是外包,麻烦不要偷吃零食。。注意素质!
- AndroidQ 分屏窗口尺寸计算 (WMS部分)
- 聚类分析在SPSS、Matlab与R中的实现(转载: Liu Xuhua 机会的数学 )
- 数据可视化---将某个股票每天收盘价通过matplotlib生成折线图
- matlab自动生成excel工作区,matlab数据怎么导出excel表格-matlab工作区数据怎么转为excel...
- HTTP tunneling is disabled问题 解决
- 海思开发板hi3559移植带opengl的qt并成功运行血泪史
热门文章
- Ubuntu下使用VSCode的launch.json及tasks.json编写
- USTC English Club Note20171013(2)
- [python调试笔记] 编译运行h5py
- 十九、“文捷笔妙活如水,气定神闲稳若山。”(2021.6.7)
- 小波的秘密9_图像处理应用:图像增强
- WebBrowser 操作(从网上收集)
- bash-高级编程--位置变量
- Resource stopwords not found. Please use the NLTK Downloader to obtain the r
- Plugin with id ‘com.android.XXX‘ not found.
- MySQL数据同步,出现Slave_SQL_Running:no和slave_io_running:no问题的解决方法