https://harmonyos.51cto.com/#zz
1、mac os的鸿蒙环境搭建
华为官方文档:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/installation_process-0000001071425528
官方文档已经说明的比较详细了,我是使用mac os的开发者,在创建一个js项目后,Gradle下载完成,报出了如下错误:
看起来像是华为镜像仓中找不到包,百度必应都没搜到这种错误,但我感觉还是Gradle的问题。
点击DevEco Studio -> Preference -> Build... -> Gradle -> Gradle user home,IDE自带的目录是带".m2"的目录,在mac系统中这一类目录是有权限的。虽然在该目录中也已有gradle-6.3下载完成,但程序无访问权限。需要重新创建一个文件夹作为Gradle user home,然后重新Build,静等Gradle重新下载完毕。
build完成后,在Tools -> HVD Manager中选择P40,再点击run,第一个工程就启动成功了。
2、鸿蒙js工程目录结构
在熟悉的微信小程序中,应用的全局配置在项目根目录的app.json中,包括页面的注册,window显示的内容等。页面则在pages目录中,每个页面由wxml, wxss, js, json四个文件组成。
现在来看看鸿蒙js工程的目录结构,全局配置文件为/entry/src/main/config.json。对页面的配置在module.js.pages中,且也是将应用启动的首页放在第一个。js页面在/entry/src/main/js/default/pages目录中,右键目录 -> new -> JS Page后,IDE自动新建文件夹,文件夹中包括hml, css, js三个文件,且页面会自动在config.json中配置。
3、flex布局
flex布局是写前端页面时很常用的布局方式,在尝试写一个最简单的页面布局时,发现鸿蒙布局和微信小程序确有不同点。这是一个很简单的小程序布局,三个view标签不加任何布局方式,自动竖向排列,每个元素占一行。
鸿蒙中的容器标签为div,和html一致。必须用一个div作为整体页面的父级标签,由它包裹页面中的所有子标签元素。尝试和小程序一样的布局写法:
- <div class="container">
- <div class="top">
- </div>
- <div class="content">
- </div>
- <div class="bottom">
- </div>
- </div>
三个div的width都为100%,却展示出了以下样式:
由此猜想hml的div标签并不是行级元素,故为父级div加上flex布局,这才正常了。
©著作权归作者和HarmonyOS技术社区共同所有,如需转载,请注明出处,否则将追究法律责任。
https://harmonyos.51cto.com/#zz
TIOBE 公布了 2021 年 3 月的编程语言排行榜。 本月 TIOBE 指数没有什么有趣的变...
本文转载自公众号读芯术(ID:AI_Discovery)。 这一刻你正在应对什么挑战?这位前...
前言 统计科学家使用交互式的统计工具(比如R)来回答数据中的问题,获得全景的认...
在Python开发过程中,我们难免会遇到多重条件判断的情况的情况,此时除了用很多...
近几年,互联网行业蓬勃发展,在互联网浪潮的冲击下,互联网创业已成为一种比较...
基本介绍 给定 n 个权值作为 n 个叶子节点,构造一颗二叉树,若该树的带权路径长...
溢价 域名 的续费价格如何?通常来说,因为溢价域名的价值高于普通域名,所以溢...
本文转载自微信公众号「bugstack虫洞栈」,作者小傅哥 。转载本文请联系bugstack...
想了解更多内容,请访问: 51CTO和华为官方战略合作共建的鸿蒙技术社区 https://...
背景 我们知道 如果在Kubernetes中支持GPU设备调度 需要做如下的工作 节点上安装...