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

相关推荐
奋斗的小青年!!11 小时前
Flutter浮动按钮在OpenHarmony平台的实践经验
flutter·harmonyos·鸿蒙
Georgewu12 小时前
【HarmonyOS应用开发】鸿蒙应用实现横竖屏切换的两种方式以及注意事项
harmonyos
程序员老刘14 小时前
一杯奶茶钱,PicGo + 阿里云 OSS 搭建永久稳定的个人图床
flutter·markdown
万少15 小时前
告别素材焦虑!用 AI 一键生成鸿蒙项目图片素材
ai编程·harmonyos
wszy180916 小时前
外部链接跳转:从 App 打开浏览器的正确姿势
java·javascript·react native·react.js·harmonyos
奋斗的小青年!!18 小时前
OpenHarmony Flutter 拖拽排序组件性能优化与跨平台适配指南
flutter·harmonyos·鸿蒙
sinat_3842410918 小时前
HarmonyOS应用开发的trae cn全面实战指南
华为·harmonyos
小雨下雨的雨19 小时前
Flutter 框架跨平台鸿蒙开发 —— Stack 控件之三维层叠艺术
flutter·华为·harmonyos
晚风(●•σ )19 小时前
【华为 ICT & HCIA & eNSP 习题汇总】——题目集28
网络·计算机网络·华为·路由器·ensp·交换机
行者9620 小时前
OpenHarmony平台Flutter手风琴菜单组件的跨平台适配实践
flutter·harmonyos·鸿蒙