鸿蒙OS初识

学习官网:https://www.harmonyos.com/cn/develop

准备

注册,安装软件(node:12+, DevEco Studio):

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/software_install-0000001053582415#ZH-CN_TOPIC_0000001057685607__section1453284218345

认证可以在开发的时候会提醒你去认证。

开发

既然软件已经安装好了,那么看看怎么进行开发~打开DevEco Studio,第一次打开用时稍微长一些。



创建项目

由于个人对js稍微熟悉一些,便选用JS创建

有点像创建java项目啊,com.example.myapplication

这莫不是就是java项目吧,我不是选择的js吗?java进来甚?那个Gradle下载失败?被墙了?不是中国的吗?额。。。这是对新事物的抵触吗?脑子里竟然都是怎么可能?why?

大概知道被墙了,于是看看怎么解决~

手动下载:https://services.gradle.org/distributions/

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/faq-installation-0000001050697674

也可以从别处下载:https://www.jianshu.com/p/d9329117aa2f

随意找一个即可。

运行

迷迷糊糊也算是把项目环境搭建起来了,也运行了下。

整体感觉

编辑器: 有点idea那类软件的感觉,或许本来就是,还有.idea文件夹的存在,不是很束手。

代码风格:有java, 有前端,或许这个架构适合java全栈的人吧。

针对前端:语法上面,使用{{}}包含变量,看起來怪怪的,找了半天沒發現在哪裏賦值的,"您好 世界"也沒看出來在哪裏初始化的...在後面加了"愛我中華"并不能實時更新界面,重新運行後界面才會更新。

index.html

复制代码
<div class="container">
    <text class="title">
        {{ $t('strings.hello') }} {{title}}{{"爱我中华"}}
    </text>
</div>

index.js

复制代码
export default {
    data: {
        title: ""
    },
    onInit() {
        this.title = this.$t('strings.world');
    }
}

如果文章能够对您有所帮助,我便感到十分荣幸。如若文章能被您点赞,那便是万分荣幸。

相关推荐
仿生狮子1 小时前
别再说“全栈”了,AI 时代团队只认这 5 种人
前端·人工智能·后端
kyriewen1 小时前
AI 写的 React 组件,合并前必查的 6 个坏味道——每个都有代码对比
前端·javascript·react.js
Highcharts.js1 小时前
软件开发公司为什么选择 Highcharts?
前端·前端框架·echarts·数据可视化·技术选型·highcharts·图表工具
阿祖zu2 小时前
企业 AI 转型之痛,个人提效十倍不止,组织效率仍止步不前?
前端·aigc·agent
摇滚侠3 小时前
SpringBoot3+Vue3 全套视频教程 45-51
前端·javascript·vue.js
Hilaku4 小时前
前端大裁员背后的恐慌:我们还剩什么底牌?
前端·javascript·程序员
咖啡无伴侣5 小时前
unplugin-auto-import 使用详解+面试高频考点
前端·架构
搬砖记录员5 小时前
录屏文件打不开?H.265兼容性踩坑与4种实战方案
前端
明月_清风5 小时前
SEO 完全指南:从底层原理到实战应用场景
前端·seo
默_笙5 小时前
🚲 手写一个"Claude Code":我用 LangChain + ReAct 循环,让 AI 自己读文件、解释代码
前端·javascript