flutter安装

flutter 安装

1. flutter相关软件下载地址(选择最新的Stable版本) :
   https://flutter.dev/docs/get-started/install/macos#get-sdk
   点击 Get the Flutter SDK

配置环境变量:
https://www.jianshu.com/p/6ba585db52ec
// 查看默认的shell与当前使用的,或者切换
https://blog.csdn.net/qq_37363248/article/details/104242299
// 终端编辑装态如何退出
https://www.jianshu.com/p/3147966fb7c4

如果出现flutter doctor无响应的情况,找到活动监视器搜索git退出,然后再次flutter doctor就可以了

2. Visual Studio Code(学习期间可以先用此软件):
   https://code.visualstudio.com

VSCode汉化: https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html

VSCode插件:
最下面的图标在输入框内输入搜索
dart, flutter 和 code runner
// 以下插件可选 https://www.weipxiu.com/3128.html
Flutter Widget Snippets
Awesome Flutter Snippets
Bracket Pair Colorizer

然后在桌面新建一个文件夹,VSCode选择打开文件夹,在该文件夹下新建文件并命名 .dart 为后缀,就会有代码提示了

3. Android Studio:
   https://developer.android.google.cn/studio/

安装插件:
搜索flutter(自带dart)

image.png

安装完成后配置flutter path

image.png

4. 环境变量

Flultter 环境变量

export FLUTTER_HOME=/Applications/flutter
export PATH=FLUTTER_HOME/bin
export PATH=FLUTTER_HOME/bin/cache/dart-sdk/bin

更新镜像

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

ANDROID_HOME环境变量

export ANDROID_HOME="/Users/账户名字/Library/Android/sdk"
export PATH={ANDROID_HOME}/tools
export PATH={ANDROID_HOME}/platform-tools

image.png

5. 通过 Android Studio 创建 flutter项目

image.png

6. 解决AS模拟器问题
   https://www.jianshu.com/p/3c728b65bce1