鸿蒙开发：1-DevEco Studio下载、安装和配置

kangyouwei
343 阅读3分钟

DevEco Studio下载、安装和配置

我们开始做鸿蒙应用开发的第一步，就是先配置环境

1、下载DevEco Studio

官网下载链接

  1. 点击HarmonyOS官网进入下载页面
  1. 下滑到下载链接，选择要下载的平台版本（以window为例），点击链接进入下载

image-20240616235317816

  1. 下载完成

image-20240616235805882

2、安装DevEco Studio

  1. 解压压缩包，双击运行，选择next

    image-20240617000107591

  2. 选择目录（可以自定义目录，建议新建一个文件夹存放程序，SDK和ohpm，此处使用D盘Huawei这个目录），选择Next。

    image-20240617000335528

  3. 勾选创建桌面快捷方式，然后选择Next。

    image-20240617000521743

  4. 选择Install，开始安装

    image-20240617000558198

  5. 勾选run DevEco Studio，选择Finish结束安装并运行。

    image-20240617000749437

  6. 选择同意Agree。

    image-20240617000844014

  7. 选择不导入设置。

    image-20240617000922720

  8. 接下来会弹出Nodejs和ohpm的配置页面。

    image-20240617001208974

  9. Nodejs如果本地安装了，版本合适可以使用本地安装的，如果未安装可以选择Install，选择安装目录即可；Ohpm选择Install，然后可以在将其与程序安装在一个目录内，方便管理。

    Tips：安装目录路径不能包含空格

    image-20240617001658267

  10. 然后选择SDK安装目录，此处同样放在IDE的Huawei文件夹下，选择Next。

    image-20240617001947046

  11. 选择同意，然后Next。

    image-20240617002041839

  12. 开始安装，SDK比较大，耐心等待。

    image-20240617002111993

  13. 安装结束，选择Finish。

    image-20240617002338000

3、创建项目

  1. 安装完成后打开，选则Create Project创建项目。

    image-20240617002713611

  2. 选择第一项，Empty Ability，选择Next。

    image-20240617002820847

  3. 项目路径选择一个空文件夹，模式选择Stage，然后选择Finish。

    image-20240617003320708

  4. 创建成功，点击IDE右侧Preview可以预览。

    image-20240617003546631

  5. 点击下拉按钮，可以切换预览设备，或者选择多设备同时预览（打开最右侧Switch开关）。

    image-20240617003916587

  6. 点击设备选择下拉，可以选择设备（如果有鸿蒙设备），可以点击Device Manager，添加模拟器。

    image-20240617004134869

  7. 选择Phone，选择Install，安装完成选择Finish。

    image-20240617004305049

    image-20240617004500069

  8. 选择Edit，同样将模拟器安装在和IDE同级目录内。

    image-20240617004734712

  9. 选择右下角新建模拟器，下一步，然后点击下载按钮。

    image-20240617004906936

  10. 下载完成后，选择Next，

    image-20240617005507684

  11. 输入名字，选择FInish。

    image-20240617005536537

  12. 选择运行按钮，等待模拟器启动。

    image-20240617005638433

  13. 点击电源按钮开机。

    image-20240617005759084

  14. 此时设备列表上就有了我们创建的模拟器设备，选择该设备，待开机后点击运行，就可以将程序推送到模拟器上运行。

    image-20240617010026611

    image-20240617010136297

4、IDE配置

1、外观设置

  1. 选择File、Settings，进入设置页面

    image-20240617010336301

  2. Appearance（外观），可以设置IDE主题和字体。

image-20240617010443634

2、SDK

可以查看已安装的SDK和使用的API版本。

image-20240617010617499

3、自动格式化代码格式

选择Tools下的Action on Save，勾选Reformat Code，可以在保存时自动格式化代码格式。

image-20240617010745225

4、IDE左侧commit工具按钮

选择Version Control下的Commit，勾选Use non-modal commit interface。可以在IDE左侧出现Commit提交面板入口按钮。

image-20240617011029418

Commit提交面板按钮

image-20240617011314874

如果勾选了还没有这个按钮，则说明代码目录还没有配置Git，可以运行git init命令，即可。

5、代码风格配置

可以选择Code Style，点击下拉按钮，选择导入，可以导入风格配置文件，以便在团队项目开发中保持一致的代码风格。

Tips：此处配置了，还需要配置commit设置，详见7、Copyright后面的Commit配置。

image-20240617011644353

6、代码片段

选择Live Templates，ArkTs，点击+号下拉，选择1Live Template，新建代码片段模板。

image-20240617012700901

image-20240617012618003

输入/**回车，即可得到模板。

image-20240617012904279

7、Copyright配置
  1. 选择Copyright Profiles，点击+号新建，输入名字，选择OK

image-20240617013019726

image-20240617013147762

  1. 此时会自动生成一个模板，可以在此处修改为自己的模板，点击下方Apply。

    image-20240617013426382

  2. 切换到父菜单Copyright，下拉选择自己创建的模板，然后选择OK。

    image-20240617013612411

  3. 进入IDE左侧commit提交面板，选择右下角配置按钮，勾选Reformat code和Update Copyright。

    image-20240617013827322

    image-20240617013909972

  4. 此时已经配置好了，在commit之前，会自动格式化代码和自动添加Copyright。

    image-20240617014152006

avatar
文章
阅读
粉丝