HarmonyOS 初体验 (二)工具

  1. 上一篇
    1. HarmonyOS 初体验 (一)目标
  2. 工具
    1. DevEco Studio 3.1.1 Release

    2. https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/software_install-0000001053582415-V2
  3. 工具的下载
    1. https://developer.harmonyos.com/cn/develop/deveco-studio?ha_linker=eyJ0cyI6MTcwMzE0MDI3MDk0MSwiaWQiOiIyMmQ2YjA0Y2VkOGY0MTBkODNmYzc3NzViN2VjZjFhNiJ9#download
  4. 工具的安装
    1. https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/environment_config-0000001052902427-V2
    2. 安装Node.js与ohpm。可以指定本地已安装的Node.js或ohpm(Node.js版本要求为v14.19.1及以上,且低于v17.0.0;对应的npm版本要求为6.14.16及以上)路径位置;如果本地没有合适的版本,可以选择Install按钮,选择下载源和存储路径后,进行在线下载,单击Next进入下一步。

    3. SDK Setup界面,单击按钮,设置HarmonyOS SDK存储路径,单击Next进入下一步。

    4. 在弹出的SDK下载信息页面,单击Next,并在弹出的License Agreement窗口,阅读License协议,需同意License协议后,单击Next

    5. 确认设置项的信息,点击Next开始安装。

    6. 等待Node.js、ohpm和SDK下载完成后,单击Finish,界面会进入到DevEco Studio欢迎页
  5. 配置HDC工具环境变量

    1. HDC是为开发者提供HarmonyOS应用/服务的调试工具,为方便使用HDC工具,请为HDC端口号设置环境变量。

    2. windows
      1.  在此电脑 > 属性 > 高级系统设置 > 高级 > 环境变量中,添加HDC端口变量名为:HDC_SERVER_PORT,变量值可设置为任意未被占用的端口,如7035。

    3. macOS环境变量设置方法:
      1. 打开终端工具,执行以下命令,打开.bash_profile文件。
        1. vi ~/.bash_profile
          
      2. 单击字母“i”,进入Insert模式。
      3. 输入以下内容,添加HDC_SERVER_PORT端口信息。
        1. export HDC_SERVER_PORT=7035
      4. 编辑完成后,单击Esc键,退出编辑模式,然后输入“:wq”,单击Enter键保存。
      5. 执行以下命令,使配置的环境变量生效。
        1. source ~/.bash_profile
      6. 环境变量配置完成后,关闭并重启DevEco Studio。
  6. 诊断开发环境

    1. 为了您开发应用/服务的良好体验,DevEco Studio提供了开发环境诊断的功能,帮助您识别开发环境是否完备。您可以在欢迎界面单击Help > Diagnose Development Environment进行诊断。如果您已经打开了工程开发界面,也可以在菜单栏单击Help > Diagnostic Tools > Diagnose Development Environment进行诊断。

    2.   DevEco Studio开发环境诊断项包括电脑的配置、网络的连通情况、依赖的工具或SDK等。如果检测结果为未通过,请根据检查项的描述和修复建议进行处理

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

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

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

  8. 配置NPM代理
    1. Hvigor、ohpm、SDK在初始化时需要从npm仓库下载依赖,如果需要代理才能访问网络,请配置npm的代理。
    2. 可通过如下步骤进入npm代理配置界面
      1. 在欢迎页单击Configure(或图标) > Settings > Build, Execution, Deployment > Node.js and npm > Optimize config,进入npm代理设置界面(macOS为Configure > Preferences > Build, Execution, Deployment > Node.js and npm > Optimize config
      2. 在打开了工程的情况下,可以单击File > Settings > Build, Execution, Deployment > Node.js and npm > Optimize config,进入npm代理设置界面(macOS为DevEco Studio > Preferences > Build, Execution, Deployment > Node.js and npm > Optimize config
    3. 具体配置如下
      1. npm registry:配置npm仓的地址信息
        1. https://repo.huaweicloud.com/repository/npm/
      2. ohos registry: HarmonyOS npm三方包共享仓
        1. https://repo.harmonyos.com/npm/
      3. HTTP proxy:代理服务器信息,默认会与DevEco Studio的HTTP proxy设置项保持一致。如果需要配置帐号密码,请使用如下格式进行配置
        1.     http://user:password@proxy.proxyserver.com
      4. Enable Https Proxy:同步配置HTTPS Proxy信息
        1. 填写勾选以上信息后,点击OK。在此界面配置的代理信息将写入“users/用户名”目录下的.npmrc文件。因此也可直接修改“users/用户名”目录下的.npmrc文件进行配置
        2. 进入C:\Users\用户名目录,打开.npmrc文件。如果该目录下没有.npmrc文件,请新建一个。
        3. 修改npm仓库信息,示例如下所示:
          1. registry=https://repo.huaweicloud.com/repository/npm/  
          2. @ohos:registry=https://repo.harmonyos.com/npm/  
        4. 修改代理信息,在proxy和https-proxy中,将user、password、proxyserver和port按照实际代理服务器进行修改。示例如下所示:
          1. proxy=http://user:password@proxy.proxyserver.com:port
          2. https-proxy=http://user:password@proxy.proxyserver.com:port
        5. 说明
        6. 如果password中存在特殊字符,如@、#、*等符号,可能导致配置不生效,建议将特殊字符替换为ASCII码,并在ASCII码前加百分号%。常用符号替换为ASCII码对照表如下:

              !:%21
              @:%40
              #:%23
              $:%24
              &:%26
              *:%2A

           

        7. 将Node.js配置到环境变量中。
          1. Windows环境变量设置方法:

            此电脑 > 属性 > 高级系统设置 > 高级 > 环境变量中,在系统或者用户的PATH变量中,添加Node.js安装位置的路径。macOS环境变量设置方法:

          2. 打开终端工具,执行以下命令。
            1. export NODE_HOME=/home/xx/Downloads/node-vxx.xx.x-linux-x64 #本处路径请替换为Node的安装路径
            2. export PATH=${NODE_HOME}/bin:${PATH}  
        8. 代理配置完成后,打开命令行工具,执行如下命令验证网络是否正常。
          1. npm info express
          2. 执行结果如下图所示,则说明代理设置成功
  9. 下一篇
    1. HarmonyOS 初体验(三)项目的建立、启动
posted @ 2023-12-21 14:28  zwjvzwj  阅读(13)  评论(0编辑  收藏  举报