Flutter鸿蒙0-1开发-工具环境篇

环境

JDK

去Oracle官网下载

下载安装专属IDE

许久未打开先升级下,从这个版本

DevEco Studio 5.0.1 Release升级到目前最新的版本,求版本稳定,都知道IDE尝新,可能会有一些未知的小bug、或者使用不顺手等问题。

如果之前没有下载安装过,可自行下载:https://developer.huawei.com/consumer/cn/download/

根据以上提供的根据自己的设备去下载,怎么装就不说了,想怎么装就怎么装,反正是自己设备,多装几次就懂了。

安装后,创建项目启动。

Flutter_oh SDK

先创建SDK存放的目录,然后:

git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git

git checkout -b dev origin/dev

环境变量配置

  • 首先,利用终端工具确定不同系统的真实环境变量存储路径,执行如下命令:

    复制代码
    echo $SHELL 
  • 若上述命令输出结果为/bin/bash,则执行以下命令,打开.bash_profile文件。

    复制代码
    vi ~/.bash_profile
  • 若上述命令输出结果为/bin/zsh,则执行以下命令,打开.zshrc文件。

    复制代码
    vi ~/.zshrc
  • 确定了环境变量存储文件后,进行相关环境变量配置(例如,打开bash_profile文件,执行vi ~/.bash_profile命令)。

    复制代码
    # 国内镜像
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    
    # 拉取下来的flutter_flutter/bin目录,具体位置看清楚再配置
    export PATH=/Users/XXXX/XXXX/flutter_flutter/bin:$PATH
    
    # OpenHarmony SDK
    export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
    export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
    export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
    export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
    export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin
    export HDC_HOME=$TOOL_HOME/sdk/default/openharmony/toolchains # hdc指令(可选)
    
    # 可选配置项(使用Android Studio 或者 Visual Studio Code调试时需要配置此项,jdk版本为17.0.12)
    JAVA_HOME=/Users/admin/Documents/JDK/jdk-17.0.12.jdk/Contents/Home
    PATH=$JAVA_HOME/bin:$PATH:.
    export JAVA_HOME
    export PATH
  • 全部所需环境变量配置完成后,执行如下命令刷新环境配置,使其生效。

    复制代码
    source ~/.bash_profile

执行flutter doctor -v,如果提示flutter没此命令,可能环境变量没配对(路径是否正确、是否保存成功、是否生效)

执行完后,如果没有红色XX,表明环境配置完成。

注意点

1、环境变量中关于flutter的目录需要配置自己的下载到本地的,不要CV过快

2、DevEco Studio如果通过check update无法成功,可以直接重新下载覆盖安装

3、flutter create projectname,通过命令执行,创建的项目名称有要求(必须小写、数字、下划线)

相关推荐
less_1213821 分钟前
HarmonyOS WPS Open SDK:打开时配置水印与修订模式
华为·harmonyos·wps
Fungleo1069974 小时前
Flutter/Android Release 包连不上网?AndroidManifest INTERNET 权限排查实录
flutter
HarmonyOS_SDK4 小时前
差异化推送消息能力,助力腕上支付业务闭环
harmonyos
GitLqr6 小时前
Flutter 实战:为你的 App 增加桌面快捷方式 (Quick Actions)
flutter·app·全栈
小雨青年7 小时前
【HarmonyOS 7 沉浸光感深度实战】 03 五档 ImmersiveStyle 到底怎么选
华为·harmonyos
FungLeo7 小时前
Flutter 把第三方 UI 库渐进迁回 Material 3:组件映射总表 + 四批次替换实战
flutter·ui
云端漫步19878 小时前
HarmonyOS NEXT AI 智能生活助手:性能优化
华为·性能优化·生活·harmonyos
云端漫步19878 小时前
HarmonyOS NEXT AI 智能生活助手:统一 AIService 封装
人工智能·华为·生活·harmonyos
云端漫步198711 小时前
HarmonyOS NEXT AI 智能生活助手:设置中心开发
人工智能·华为·生活·harmonyos
用户09340777351412 小时前
HarmonyOS WPS Open SDK 实践:关文档后怎么把结果拿回本应用
harmonyos