搭建一个鸿蒙Hello World工程

搭建一个鸿蒙Hello World工程

安装开发工具

1、鸿蒙官网-​​HUAWEI DevEco Studio 2.0​​ 开发工具

2、​​-安装​​Gradle

gradle配置步骤：解压gradle-5.4.1-all.zip到本地目录，在DevEco Studio 2.0中选择File=》Settings=》Build=》Gradle，选择本地解压的目录

3、安装sdk和预览工具

路径：菜单栏tools---sdkManager

新建鸿蒙工程

具体代码路径如下，和idea的工程目录类似。 界面的首页路径为：ClickDemo\entry\src\main\js\default\pages\index.hml。 样式定义为index.css, 具体逻辑在index.js里面。

预览功能

实现计数功能

index.js代码

增加一个count计数器变量，初始值为0，增加一个tickClick方法，每次tickClick执行，则让count自增1.

export default {

data: {

count: 0

},

tickClick() {

this.count += 1;

}

}

index.hml代码

修改index.hml代码，给text空间增加一个onclick方法，绑定tickClick方法。然后修改{{}}占位符，使用count变量替换模板生成的title。

预览工程界面

参考1 ​​https://mparticle.uc-/article.html?uc_param_str=frdnsnpfvecpntnwprdssskt&btifl=100&app=uc-iflow&title_type=1&wm_id=57f8df4aaaa9451d9304baa32d9db8ae&wm_cid=377717667554920448&pagetype=share&client=&uc_share_depth=1​​

参考2​​https://iflow.uc-/webview/news?app=uc-iflow&aid=14542262858422333452&cid=100&zzd_from=uc-iflow&uc_param_str=dndsfrvesvntnwpfgicp&recoid=&rd_type=share&sp_gz=0&pagetype=share&btifl=100&uc_share_depth=1​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。