HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:配置开发环境

目录

下载OpenHarmony SDK及工具链

参考信息

配置DevEco Studio代理

配置NPM代理

在进行OpenHarmony应用/服务开发前，需要提前在DevEco Studio中下载对应版本的SDK。下载OpenHarmony SDK需要连接网络，一般情况下，可以直接下载；但部分用户的网络可能受限，此时需要先根据参考信息
配置相应的代理信息，确保网络可正常访问后，再下载SDK。

下载OpenHarmony SDK及工具链

DevEco Studio通过SDK Manager统一管理SDK及工具链，OpenHarmony包含如下SDK包：

组件名称

说明

JS

JS语言SDK包。

eTS

eTS（Extended TypeScript）SDK包。

Native

C++语言SDK包。

Toolchains

SDK工具链，OpenHarmony应用/服务开发必备工具集，包括编译、打包、签名、数据库管理等工具的集合。

Previewer

OpenHarmony应用预览器，可以在应用开发过程中查看界面UI布局效果。

OpenHarmony应用/服务支持API Version 8至9，第一次使用DevEco Studio，工具的配置向导会引导您下载OpenHarmony SDK及工具链。配置向导默认下载 API Version 8的SDK及工具链，如需API Version 9，可在工程配置完成后，进入OpenHarmony SDK界面手动下载方法如下：

  • 在DevEco Studio欢迎页，单击Configure（或

    图标） > Settings > OpenHarmony SDK进入SDK Manager界面（macOS系统为Configure > Preferences > OpenHarmony SDK）。

  • 在DevEco Studio打开工程的情况下，单击Files > Settings > OpenHarmony SDK进入（macOS系统为DevEco Studio > Preferences > OpenHarmony SDK）。

接下来介绍第一次启动DevEco Studio的配置向导：

  1. 运行已安装的DevEco Studio，首次使用，请选择Do not import settings，单击OK。
  2. 进入DevEco Studio操作向导页面，修改npm registry，DevEco Studio已预置对应的仓（默认的npm仓，可能出现部分开发者无法访问或访问速度缓慢的情况），直接单击Start using DevEco Studio进入下一步。

    说明

    如果配置向导界面出现的是设置Set up HTTP Proxy界面，说明网络受限，请根据参考信息
    配置DevEco Studio代理和NPM代理后，再下载OpenHarmony SDK。

  3. 设置Node.js信息，可以指定本地已安装的Node.js（Node.js版本要求为v14.19.1及以上，且低于v15.0.0；对应的npm版本要求为6.14.16及以上，且低于7.0.0版本）；如果本地没有合适的版本，可以选择Download按钮，在线下载Node.js。本示例以下载Node.js为例，选择下载源和存储路径后，单击Next进入下一步。

    说明

    若配置过程中检测到在环境变量中，或在C:UsersuserName目录下有符合要求的Node.js版本，则设置Node.js步骤将自动跳过。

    等待Node.js安装完成，然后单击Finish进入下一步。

  4. 在SDK Componets Setup界面，设置OpenHarmony SDK下载路径，如果需要开发HarmonyOS应用，请勾选上HarmonyOS SDK，单击Next进入下一步。

    说明

    OpenHarmony SDK和HarmonyOS SDK不能设置为同一个路径，且路径中不能包含中文字符。

  5. 在弹出的SDK下载信息页面，单击Next，并在弹出的License Agreement窗口，阅读License协议，需同意License协议后（若步骤4中勾选了HarmonyOS SDK，需同时接受OpenHarmony SDK和HarmonyOS SDK的License协议），单击Next开始下载SDK。

    说明

    下载SDK过程中，如果出现下载JS SDK失败，提示“Install Js dependencies failed”，请根据JS SDK安装失败处理指导
    进行处理。

  6. 等待OpenHarmony SDK及工具下载完成，单击Finish，界面会进入到DevEco Studio欢迎页。

参考信息

DevEco Studio开发环境依赖于网络环境，需要连接上网络才能确保工具的正常使用。

一般来说，如果使用的是个人或家庭网络，是不需要配置代理信息的；只有部分企业网络受限的情况下，才需要配置代理信息。

首次使用DevEco Studio，如果配置向导界面出现Set up HTTP Proxy界面，可能需要通过配置代理服务器才能访问，请配置DevEco Studio代理和NPM代理。

配置DevEco Studio代理

  1. 启动DevEco Studio，配置向导进入Set up HTTP Proxy界面，勾选Manual proxy configuration，设置DevEco Studio的HTTP Proxy。

    说明

    如果非首次设置向导进入HTTP Proxy，可以通过如下方式进入HTTP Proxy配置界面：

    • 在欢迎页单击Configure（或

      图标） > Settings > Appearance & Behavior > System Settings > HTTP Proxy进入HTTP Proxy设置界面（macOS为Configure > Preferences > Appearance & Behavior > System Settings > HTTP Proxy）。

    • 在打开了工程的情况下，可以单击File > Settings > Appearance & Behavior > System Settings > HTTP Proxy进入HTTP Proxy设置界面（macOS为DevEco Studio > Preferences > Appearance & Behavior > System Settings > HTTP Proxy）
    • HTTP配置项，配置代理服务器信息。如果不清楚代理服务器信息，请咨询您的网络管理人员。
      • Host name：代理服务器主机名或IP地址。
      • Port number：代理服务器对应的端口号。
      • No proxy for：不需要通过代理服务器访问的URL或者IP地址（地址之间用英文逗号分隔）。
    • Proxy authentication配置项，如果代理服务器需要通过认证鉴权才能访问，则需要配置。否则，请跳过该配置项。
      • Login：访问代理服务器的用户名。
      • Password：访问代理服务器的密码。
      • Remember：勾选，记住密码。

  2. 配置完成后，单击Check connection，输入任意网络地址，检查网络连通性。提示“Connection successful”表示代理设置成功。
  3. 单击Next: Configure npm继续设置NPM代理信息，请参考配置NPM代理
    。

配置NPM代理

通过DevEco Studio的配置向导配置NPM代理信息，代理信息将写入用户“users/用户名/”目录下的.npmrc文件。

说明

该向导只有在安装DevEco Studio后首次打开才会出现。如果未出现该向导，可以直接在“users/用户名/”目录下的.npmrc文件中，添加代理配置信息。

  • npm registry：配置npm仓的地址信息，建议勾选。
  • HTTP proxy：代理服务器信息，默认会与DevEco Studio的HTTP proxy设置项保持一致。
  • Enable Https Proxy：同步配置HTTPS Proxy信息，建议勾选。

然后单击Start using DevEco Studio继续下一步操作。

如果代理服务器需要认证（需要用户名和密码），请先根据如下指导配置代理服务器的用户名和密码信息，然后再下载OpenHarmony SDK；否则，请跳过该操作，参考下载OpenHarmony SDK
进行操作即可。

  1. 进入用户的users目录，打开“.npmrc”文件，如果该目录下没有.npmrc文件，请新建一个。
  2. 修改npm代理信息，在proxy和https-proxy中，增加user和password字段，具体取值请以实际代理信息为准。示例如下所示： 
    

      

    1. proxy=http://user:password@proxy.server.com:port
      2. 

    2. https-proxy=http://user:password@proxy.server.com:port
      3. 

    

    说明
    

    如果password中存在特殊字符，如@、#、*等符号，可能导致配置不生效，建议将特殊字符替换为ASCII码，并在ASCII码前加百分号%。常用符号替换为ASCII码对照表如下：
    

      

    • !：%21
      • 

    • @：%40
      • 

    • #：%23
      • 

    • ￥：%24
      • 

    • &：%26
      • 

    • *：%2A
      • 

    

    3. 

  3. 代理配置完成后，打开命令行工具，执行如下命令验证网络是否正常。

    

      

    1. npm info express
      2. 

    

    执行结果如下图所示，则说明代理设置成功。
    

    

    4.