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

相关推荐
mocoding20 小时前
使用专业的 Flutter 天气图标库weather_icons统一风格的图标,提升鸿蒙版天气预报应用专业度
flutter
BlackWolfSky20 小时前
鸿蒙中级课程笔记12—应用质量建议与测试指南
笔记·华为·harmonyos
ujainu20 小时前
Flutter + OpenHarmony 游戏开发进阶:动态关卡生成——随机圆环布局算法
算法·flutter·游戏·openharmony
2603_9494621020 小时前
Flutter for OpenHarmony 社团管理App实战 - 资产管理实现
开发语言·javascript·flutter
小哥Mark20 小时前
各种Flutter拖拽交互组件助力鸿蒙应用个性化
flutter·交互·harmonyos
听麟20 小时前
HarmonyOS 6.0+ PC端多人联机游戏开发实战:Game Service Kit深度集成与跨设备性能优化
游戏·华为·性能优化·架构·harmonyos·ai-native
森之鸟20 小时前
鸿蒙CoreSpeechKit语音识别实战:让APP“听懂”用户说话
语音识别·xcode·harmonyos
听麟20 小时前
HarmonyOS 6.0+ 个性化音乐播放器APP开发实战:音频可视化与场景化推荐落地
华为·音视频·harmonyos
NJPJI_Yang20 小时前
【无标题】
华为·harmonyos
前端不太难21 小时前
HarmonyOS 项目中如何拆分共用层与形态模型
华为·状态模式·harmonyos