鸿蒙开发2-2 开发前的配置与准备

weixin_51267334

已于 2023-11-28 16:44:26 修改

阅读量367

点赞数 1

文章标签： harmonyos

于 2023-11-28 16:21:58 首次发布

本文链接：https://blog.csdn.net/weixin_51267334/article/details/134662338

版权

目录

简介

1.index.ets文件解析

2.deveco studio编译器使用和配置

2.1 deveco studio编译器使用（UI预览相关）

2.2 IDE简单配置

3.路由的使用（实现界面跳转，有1-2的修正）

3.1 引入路由router

3.2 设置界面的路由

3.3 通过路由实现界面跳转

4.编译器汉化

简介

本系列是windows系统下、采用ArkTS语言、ArkUI框架、deveco studio编译器学习纯鸿蒙软件研发，采用API version 9进行。本小节主要了解一些开发前的配置与准备，包括对部分ets文件术语解析，编译器的使用和配置，以及路由的使用，其中路由使用包括对1-1创建项目和1-2界面跳转的修正，编译器汉化等。纯小白，一步步学习，记录一下过程便于查询。

`1.index.ets文件解析`

装饰器是指被一些固定字符装饰起来的内容，这些内容会具备某些固定功能，这些固定字符称为关键字，也就是装饰器。这里的@Entry和@Component将index装饰为了入口自定义组件，而@State将message装饰为了变量，并且一旦该变量的值发生变化，就会重新渲染整个build，页面将会重新刷新。

2.deveco studio编译器使用和配置

2.1 deveco studio编译器使用（UI预览相关）

2.2 IDE简单配置

（1）打开编译器界面设置：设置后每次打开编译器都既可左侧列表创建新工程，也可在右侧的Recent Project中选择近期项目打开。

（2）编译器字体大小主题颜色等设置：File>Settings>Appearande&Behavior>Appearance打开可以进行主题和字体、字体大小设置，还可以在该项中进行编译器整个、空窗口的背景图片设置等。

代码字体可以通过Editor中的font进行更详细的设置，还可以ctrl+鼠标滚轮进行灵活调整。

（3）多次键入触发快捷键的禁用设置：File>settings>Advanced Settings

（4）服用代码片段配置：对于常用的代码片段可以设置快捷键实现快捷键插入，这种配置即为代码片段配置，配置方法为File>Settings>Editor>Live Templates，在该界面下设置。

3.路由的使用（实现界面跳转，有1-2的修正）

之前在鸿蒙软件开发1-2 了解ArkTS项目结构+实现第一个ArkTS项目-CSDN博客中的2.2页面跳转中使用了路由实现了页面跳转，但是能力所限，使用的是API 8的push方法，且添加路由的方式为JS方式，此处进行修正为API 9的pushUrl方法及正确设置界面路由的方法。

3.1 引入路由router

import router from '@ohos.router';

3.2 设置界面的路由

路由是指所有的界面都被项目所管理，设置路由的方式为resources>base>profile>main_pages.json，添加好路由后界面如下。

bug1：如果在该目录下找不到main_pages.json文件，那么问题出在创建工程时，选用模式选用的是FA，此时就会出现如下目录结构，并且该方式自己创建缺失的文件也没有成功，因为工程本身只有两个界面，我就直接重新创建工程了。如果不想重新创建工程又想使用路由，可以采用JS方式找到config.json>moudle>js，在js下的pages数组中添加路由。

3.3 通过路由实现界面跳转

在点击事件中写入pashUrl方法，代码如下：

        .onClick(()=>{
          router.pushUrl({
            url:'pages/Main'
          });
        })

对于跳转过去的界面，如果想要跳转回去，可以直接使用back函数，会直接跳转回到跳转来的界面（需要注意此时并没有指定回到的界面，所以必须为跳转后才能使用back回跳到原来的界面），代码如下：

                .onClick(()=>{
                  router.back();
                })

4.编译器汉化

编译器在安装时就已经带有汉化的插件并且已经下载，使用即可，查找汉化插件的方式为File>Settings>Plugins>Installed>Other Tools>勾选上Chinese插件，点击OK，重启编译器即可。