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,通过命令执行,创建的项目名称有要求(必须小写、数字、下划线)

相关推荐
youtootech12 小时前
HarmonyOS《柚兔学伴》项目实战09-待办列表 UI——List+ForEach+滑动删除
数据结构·ui·华为·list·harmonyos
不羁的木木12 小时前
HarmonyOS APP实战-基于Image Kit的图像处理APP - 第6篇:图片滤镜效果实现
图像处理·深度学习·harmonyos
拥抱太阳061613 小时前
HarmonyOS 应用开发《掌上英语》第9篇—ArkTS @ObservedV2 + @Trace 响应式编程精讲
华为·harmonyos
拥抱太阳061613 小时前
HarmonyOS 应用开发《掌上英语》第10篇——@Local vs @Param vs @Trace 组件状态管理三剑客
华为·harmonyos
春卷同学19 小时前
HarmonyOS掌上记账APP开发实践第8篇:构建可测试的鸿蒙应用 — MoneyTrack 的自动化测试体系
华为·harmonyos
左有道20 小时前
用 Flutter 做一个更顺手的日历组件:calendarview_flutter
flutter
梦想不只是梦与想20 小时前
鸿蒙中declare关键字
harmonyos·declare
FrameNotWork21 小时前
HarmonyOS 6.0 输入法与键盘避让 — 聊天页面底部输入栏被键盘挡住的绝望
华为·计算机外设·harmonyos
念雨思21 小时前
信用卡权益对比:基于HarmonyOS + ArkTS的AI智能金融助手开发实践
人工智能·学习·华为·金融·harmonyos·鸿蒙