harmony OS 开发工具安装

2021-10-14

harmony OS 开发工具安装

安装流程

  • image-20210822140908256

  • image-20210822141226195

  • image-20210822141803384

  • image-20210822142128555

  • image-20210822142647465

  • 安装完成

初始配置

  • 双击打开

  • image-20210822142824937

  • Running DevEco Studio requires the npm configuration information. You can modify the NPM Registry for an enhanced experience when downloading the npm dependencies.
    The configuration information is written to the C:/Users/ASUS/.npmrc file.
    Npm registry https://repo.huaweicloud.com/repository/npm/
    运行DevEco Studio需要npm配置信息。在下载NPM依赖项时,你可以修改NPM注册表以获得更好的体验。
    配置信息写入“C:/Users/ASUS/”。npmrc文件。
    Npm注册https://repo.huaweicloud.com/repository/npm/
    
  • image-20210822144114233

  • image-20210822144406124

  • image-20210822144541746

  • image-20210822144642102

  • image-20210822144704441

  • 安装成功检查,点击configure,选择setting,输入SDK搜索,确保Java导入成功!!

  • image-20210822152311798

image-20210822152350343

基本配置

  • 修改主题

    • file---->setting,设置如下

    image-20210822160410035

  • 设置字体大小

    • image-20210822160808890
  • 取消注释体并修改注释颜色

    • image-20210822160938515
  • 自动导入包(设置完成,开发工具将帮我们自动导入包)

    • image-20210822161643150
  • 提示忽略大小写

    • image-20210822161434323
  • 修改自动提示的快捷键

  • image-20210822163201301

启动程序HelloWolrd

  • 登入华为‘账号

    • image-20210822165302566

    • 点击右上角人物图标

    image-20210822165359515

  • 选择模拟器

    • image-20210822165521520

image-20210822165546528

image-20210822165629055

image-20210822165840331

image-20210822165916728

  • 启动成功

可能出现的问题

在HarmonyOS DevEco Studio下出现SDK无法下载js的情况,该如何解决?

问题描述:

根据HarmonyOS官方文档集成IDE成功后,下载SDK时遇到无法下载js,提示npm(node)安装失败等信息:

Error: : Install failed.  Error: : Install js dependencies failed. Unable to run 'npm install'. Js install ation failed. See https://developer.harmonyos.com/cn/docs/documentation/doc-guid es/environment_config-0000001052902427#ZH-CN_TOPIC_0000001154865731

注:安装js依赖项失败,无法运行“npm install”,Js安装失败。 

解决方法

1.安装nodejs,官网下载:https://nodejs.org/zh-cn/download/

2.将DevEco Studio 自带的node替换为本地安装的node(自己从官网下载的nodejs),进入IDE软件,打开Setting(file---->setting),设置如下图:

3.在设置的快速搜索框内输入node,修改DevEco Studio自带的node,修改为自己下载的nodejs安装位置,如下图:

4.修改完成就可以下载SDK的js,输入SDK,勾选js,然后点击apply下载!

image-20210822151958403

image-20210822151849239

开始页面Tips

  • image-20210822153510726
You can inject SQL into a string literal (Alt+Enter | Inject language or reference | <SQL dialect>) and then use coding assistance for SQL.
可以将SQL注入字符串文本(Alt+Enter | inject language or reference | <SQL dialect>),然后使用SQL的编码帮助。
  • image-20210822153739313
DevEco Studio allows you to debug your app written in multiple languages. In a JS project or C/C++ project, you can select the Java+JS or Java+C debug type. Before debugging a hybrid project, set the debug type to Dual(Js + Java) or Detect Automatically. For a C/C++ project, set the debug type to Dual(Java + Native) or Detect Automatically.
DevEco Studio允许您调试用多种语言编写的应用程序。在JS项目或C/C++项目中,可以选择Java+JS或Java+C调试类型。调试混合项目之前,请将调试类型设置为Dual(Js+Java)或自动检测。对于C/C++项目,将调试类型设置为Dual(Java+Native)或自动检测。
  • image-20210822153933907
Enable or disable JS postfix code completion from Settings > Editor > General > Postfix Templates. The following figure shows the supported types of postfix code completion.
从设置>编辑器>常规>后缀模板启用或禁用JS后缀代码完成。下图显示了支持的后缀代码完成类型。
  • image-20210822154149476
If a device in a project has multiple modules and the modules are invoked by each other, you need to install the .hap packages of multiple modules on the device in the debug phase. In this case, select Deploy Multi Hap Package in the settings of the module to be debugged.
如果项目中的一个设备具有多个模块,并且这些模块相互调用,则需要在调试阶段在该设备上安装多个模块的.hap包。在这种情况下,请在要调试的模块的设置中选择Deploy Multi-Hap Package。
  • image-20210822154339912
DevEco Studio supports Java code obfuscation. You can manually set proguardEnabled in the build.gradle file of the module to true to enable the function.
devecostudio支持Java代码模糊处理。您可以在模块的build.gradle文件中将proguardEnabled手动设置为true以启用该功能。
  • image-20210822154524543
When compiling code, you can use the previewer to view the UI layout. The XML, Java, JS, CSS, and HML files can be previewed. You can open the previewer in any of the following ways:
On the menu bar, go to View > Tool Windows > Previewer.
Click the Previewer tab on the right side.
Press Alt+3.
编译代码时,可以使用预览器查看UI布局。可以预览XML、Java、JS、CSS和HML文件。您可以通过以下任一方式打开预览器:
在菜单栏上,转至“视图>工具窗口>预览器”。
单击右侧的“预览器”选项卡。
按Alt+3。
  • 格式化代码

image-20210822154754631

The editor allows you to format the code in a specified range or the entire file, dramatically improving the readability of code.
To format code in a specified range, press Ctrl+Alt+L (Command+Option+L on macOS).
To format code in the current file, press Ctrl+Alt+Shift+L (Command+Option+L on macOS).
编辑器允许您在指定范围或整个文件中格式化代码,从而显著提高代码的可读性。
要在指定范围内格式化代码,请按Ctrl+Alt+L(macOS上的Command+Option+L)。
要格式化当前文件中的代码,请按Ctrl+Alt+Shift+L(macOS上的Command+Option+L)。
  • image-20210822154909439
To reinstall the app in the debugging phase while retaining the app data on the device, select the overwrite mode. Method:
Go to Run > Edit Configurations, set the .hap package installation mode for the specified module, and select Replace existing application.
要在调试阶段重新安装应用程序,同时在设备上保留应用程序数据,请选择覆盖模式。方法:
转到运行>编辑配置,为指定模块设置.hap软件包安装模式,然后选择替换现有应用程序。
  • image-20210822155023892
Move the cursor to a field such as the class, method, parameter, or variable to view the corresponding notes. You can also click a field and press Ctrl+Q to view the notes.
将光标移动到类、方法、参数或变量等字段以查看相应的注释。也可以单击某个字段并按Ctrl+Q键查看注释。
  • 直接修改样式

image-20210822155314516

The previewer supports the XML layout and JS bidirectional preview function. You can click the   icon on the preview page to enable bidirectional preview.
Enabling bidirectional preview allows coordination between the code editor, UI, and component tree. You can also modify styles on the preview page.
预览器支持XML布局和JS双向预览功能。您可以单击预览页面上的图标以启用双向预览。
启用双向预览允许在代码编辑器、UI和组件树之间进行协调。也可以在预览页面上修改样式。
  • image-20210822155531507
DevEco Studio provides the following module types (moduleType): Entry, Feature, and Har, and only the Entry and Feature modules support online running and debugging.
devecostudio提供以下模块类型(moduleType):Entry、Feature和Har,只有Entry和Feature模块支持在线运行和调试。
  • 配置多项目预览

image-20210822155745587

The previewer supports cross-device preview, that is, you can preview the UI layout of a project on multiple devices at the same time.
You need to manually set the supported devices in the config.json file.
After you complete the setting, restart the previewer. On the preview page, click Multi-device preview to preview the UI layout on the devices.

预览器支持跨设备预览,即可以同时在多个设备上预览项目的UI布局。
您需要在config.json文件中手动设置支持的设备。
完成设置后,重新启动预览程序。在预览页面上,单击多设备预览以预览设备上的UI布局。

总结