美文网首页
Day1. Flutter环境踩坑

Day1. Flutter环境踩坑

作者: OldQiao | 来源:发表于2018-12-05 18:24 被阅读9次

1.安装

https://flutterchina.club/get-started/install
掘金翻译的官方的网站,很好很强大,可以按照上面的步骤一步步做

简单总结一下:
1.下载SDK——>解压——>结束
2.Android studio中安装Flutter插件,会同时安装Dart的

ps: 官网下载sdk比git快

2.配置环境变量

在.bash_profile增加如下命令

(此处默认你之前配置过Android及gradle等环境)

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/你的用户名/flutter/bin:$PATH

切记:解压最后就在mac的根目录(用户名目录下,路径看上面),
否则会出现在选择SDK路径时提示没有安装的问题。

多个path的配置方法参考:
export PATH=$PATH:/Users/xxx/flutter/bin:/xxx/bin:/xxx/xxx/bin

格式:export PATH=$PATH:{path1}:{path2}:{path3}....:{pathN}

切记:最好把flutter放在路径的第一个,
否则bash中的Flutter命令可能不生效,出现Flutter: command not found

3. flutter doctor检测环境

使用 flutter doctor命令检测环境是否完全安装

如有警告提示,按提示的命令一个个安装就好了。

成功的状态:
~ » flutter doctor    
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.0.0, on Mac OS X 10.14.1 18B75, locale
    zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 10.1)
[✓] Android Studio (version 3.2)
[✓] Connected device (1 available)

• No issues found!

4. Hello Word

下面开始New Flutter project ,然后愉快的Hello Word吧!

Simulator Screen Shot - iPhone X - 2018-12-05 at 18.06.10.png

相关文章

网友评论

      本文标题:Day1. Flutter环境踩坑

      本文链接:https://www.haomeiwen.com/subject/fwbwcqtx.html