专栏首页wfacebossuni-app开发小程序准备阶段

uni-app开发小程序准备阶段

1.软件安装

开始之前,开发者需先下载安装如下工具:

HBuilderX:官方IDE下载地址

下面开发工具根据需求进行安装:

2.HBuilderX 运行环境配置

点击工具栏里的工具 -> 设置->运行配置: 关于运行配置下面分别有手机/模拟器运行配置、浏览器运行配置、小程序运行配置三部分,这里对浏览器运行配置与小程序运行配置做个简单说明,至于手机/模拟器运行配置后期更新。

2.1浏览器运行配置

前提:你安装了对应的Firefox浏览器、Chrome浏览器。 -1:在Chrome浏览器安装路径:填写你Chrome浏览器的安装路径(到chrome.exe所在 文件夹即可) -2:在Firefox浏览器安装路径:填写你Firefox浏览器的安装路径(到firefox.exe所在 文件夹即可) 配置好之后就可以点击工具栏里的运行 -> 运行到浏览器,然后选择对应的浏览器即可,如图所示:

2.2小程序运行配置

uni-app是依赖小程序开发工具的,在配置时需指定小程序开发工具的安装目录。 比如此时我的微信小程序开发工具安装路径为:

HBuilderX 中配置为:

同理,百度开发工具路径、支付宝小程序开发工具、字节跳动小程序开发工具路径的配置与微信小程序配置方式相同,参照其即可。

3. 编辑器设置

点击工具栏里的工具 -> 设置->编辑器配置: 然后在打开的编辑器设置右侧中,找到【启用px转upx提示】(uni-app项目生效),填写px转upx比例。 转换公式:设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx (1):若设计稿宽度为640px,元素 A 在设计稿上的宽度为100px,那么元素 A 在 uni-app 里面的宽度应该设为:750 * 100 / 640,结果为:117upx。 (2):若设计稿宽度为 375px,元素 B 在设计稿上的宽度为 200px,那么元素 B 在 uni-app 里面的宽度应该设为:750 * 200 / 375,结果为:400upx

推荐是最好的支持,关注是最大的鼓励。亲爱的朋友,很荣幸在园子里遇到您。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 在LeetCode中使用我们自定义的类

    在上一节中我们使用的是java提供了的类,这一小节中我们就来学习一下如何在LeetCode中使用我们自定义的类。

    wfaceboss
  • Vue.js+Koa2移动电商 笔记

    项目采用Webpack+Vue-router的架构方式,开始安装(基于windows系统)

    wfaceboss
  • codingNet项目的创建

    wfaceboss
  • 如何搭建 LAMP 网站服务环境

    Linux+Apache+Mysql/MariaDB+Perl/PHP/Python一组常用来搭建动态网站或者服务器的开源软件,本身都是各自独立的程序,但是因为...

    宮園薰
  • C/C++、Java和Python开发工具一网打尽

    在我们埋头于代码死磕的时候,会发现一个好的开发工具往往会起到事半功倍的效果,本帖子总结了C语言与Java几个比较流行的开发工具,希望能对大家有用。

    谭庆波
  • 开源流媒体服务器SRS学习笔记(3) - HTTPCallback实现安全认证

    按上回继续,安全论证是绝大多数应用的基本要求,如果任何人都能无限制的发布/播放视频,显然不适合。SRS中可以通过HTTPCallback机制来实现,参考下面的配...

    菩提树下的杨过
  • 姬小光前端兴趣班【第010期】- 浏览器开发工具

    前面几期我们学习了切图大法,我相信只要你认真学完,就可以立即派上用场。比如可以将你喜欢的图片切成个人主页,也可以将贺卡图片做成带链接的邮件等等。

    姬小光
  • dotnet 在 UOS 国产系统上安装 MonoDevelop 开发工具

    本文告诉大家如何在 UOS 上安装 MonoDevelop 开发工具。本文使用的 UOS 是 UOS 20 x64 版本,这个系统版本是基于 debian 10...

    林德熙
  • 由浅入深的域渗透系列一(上)

    二、漏洞利用 3.漏洞搜索与利用 4.后台Getshell上传技巧 5.系统信息收集 6.主机密码收集

    重生信息安全
  • 三行代码实现邮件发送

    先安装pip install yagmail,或下载安装包后python setup.py install。

    测试开发社区

扫码关注云+社区

领取腾讯云代金券