mac flutter idea环境搭建

2023-08-12 04:41| 来源: 网络整理| 查看: 265

1、获取Flutter SDK 下载地址：https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos 解压安装包到你想安装的目录。 2、配置环境变量：

open ~/.bash_profile

在当期用户目录下创建.bash_profile文件，如果该文件已经存在，则直接打开。将以下代码复制到.bash_profile中，

export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

完成之后点击保存，在命令行中执行source .bash_profile，然后输入flutter -h进行测试。

flutter -h image.png

3、执行命令flutter doctor ，命令的作用是检测还需要安装的依赖。：

flutter doctor image.png

按照检测结果的说明，如果有[!] ✗ 标志，表示本行检测不通过，需要做一些设置或者安装一些软件。

image.png

需要运行：

flutter doctor --android-licens image.png

这里界面会要求输入Y/N,一路输入Y就行了。 4、配置iOS环境运行命令:

brew update brew install --HEAD libimobiledevice brew install ideviceinstaller ios-deploy cocoapods pod setup

这个步骤有点慢... 6、安装idea插件

image

(转自网友的图) 7、安装完成后重启idea，在新建项目的时候左侧菜单栏有Dart和Flutter说明这两个安装完成了，右边红色方框设置Flutter SDK。

image.png 8、测试运行项目新建一个Flutter工程，工程名不能含大写字母，这里会有点慢如果在创建的过程中出现如下错误，那么Close Project，然后重新打开即可。 image

如果我们只想简单的实现”Hello World”，用下面的代码替换掉main.dart里面的代码即可。

import 'package:flutter/material.dart'; void main(){ runApp(new Center(child: new Text('Hello Flutter!'))); }

然后选择模拟器运行即可。

image.png

【本文地址】

今日新闻