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

相关推荐
廖松洋(Alina)6 分钟前
10项目总结与优化方向-鸿蒙PC端Electron开发
华为·electron·开源·harmonyos·鸿蒙
坚果派·白晓明36 分钟前
【鸿蒙PC三方库移植适配框架解读系列】第七篇:快速参考与模板
华为·harmonyos·鸿蒙·c/c++三方库·c/c++三方库适配
段子子2 小时前
【在flutter项目中使用get_cli初始化项目】
flutter
特立独行的猫a2 小时前
鸿蒙 PC 命令行工具迁移实战 · 内部课件(详细配套版)
华为·harmonyos·移植·鸿蒙pc
廖松洋(Alina)3 小时前
04极速划词页面实现-鸿蒙PC端Electron开发
华为·electron·开源·harmonyos·鸿蒙
轻口味3 小时前
HarmonyOS 6.1 全栈实战录 - 07 极速连接:Remote Communication Kit (RCP) 实战与认证挑战深度解析
华为·harmonyos
W蘭3 小时前
Flutter从入门到实战-03-综合案例实战
flutter
想你依然心痛3 小时前
HarmonyOS 6(API 23)实战:基于悬浮导航、沉浸光感与Face AR & Body AR的“灵犀康养“——PC端沉浸式AR智能康复训练系统
华为·ar·harmonyos·悬浮导航·沉浸光感
廖松洋(Alina)3 小时前
03主入口页面与导航结构-鸿蒙PC端Electron开发
前端·javascript·华为·electron·开源·harmonyos·鸿蒙
廖松洋(Alina)3 小时前
09词根分解与水印展示-鸿蒙PC端Electron开发
前端·javascript·华为·electron·开源·harmonyos·鸿蒙