一、获取Flutter SDK(选择自己的操作系统和最新稳定的版本(Stable版本))
方法一:(通过git clone 直接获取flutter sdk)
1,创建一个FlutterSDK安装文件夹,并cd 到该文件下
例:cd/Users/XXX/Desktop/development (这里我是放在桌面的文件夹)
2,在该文件下,执行命令:
git clone-b dev https://github.com/flutter/flutter.git
方法二:(现在flutter 官网上进行下载flutter sdk)
1,将下载的sdk放到你指定的文件夹中
2,但是在运行flutter相关命令的时候会有报错信息:
Error: The Flutter directory is not a clone of the GitHub project.
The flutter tool requires Git in order to operate properly;
to install Flutter, see the instructions at:
https://flutter.dev/get-started
此时需要进入flutter sdk所在的目录下 执行 git init 将使其成为一个git仓库 ,即可
二、环境变量配置
MacOS环境变量配置
export FLUTTER_HOME=/Applications/flutter (这边找到你所在的flutter文件目录下,进行单独配置,防止后面变动)
export PATH=$PATH:$FLUTTER_HOME/bin
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中(打开终端执行下面命令):
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
对于上述的配置文件,你需要在~/.bash_profile文件下进行
对于~/.bash_profile文件的操作:
打开命令行工具 输入
vim./.bash_profile// 或者sudo vi~/.bash_profile
如果此时已创建,则输入e按回车即可进入编辑模式
然后编辑该文件, 输入i即可进入编辑模式
将上述的配置写入该文件中。
保存 .bash_profile 文件
按键盘上的ESC退出编辑模式,然后输入:wq保存并退出文件
刷新 .bash_profile 文件
source $HOME/.bash_profile// 或者source~/.bash_profile
环境配置成功后,此时你可以创建一个flutter 项目了。
我这里知道,Flutter可以快速在iOS和Android上构建高质量的原生用户界面。 所以我先安装了Android Studio和Xcode。
三、安装Android Studio和Xcode
安装 Xcode
要为iOS开发Flutter应用程序,您需要Xcode 7.2或更高版本
安装Xcode 7.2或更新版本(通过链接下载或苹果应用商店).
配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 对于大多数情况,当您想要使用最新版本的Xcode时,这是正确的路径。如果您需要使用不同的版本,请指定相应路径。
确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.
使用Xcode,您可以在iOS设备或模拟器上运行Flutter应用程序。
安装 Android
Android Studio , 3.0或更高版本.
需要安装两个插件:(此操作在Android Studio的configure 设置下的plugins的里面进行搜索下载)
Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
四、检查依赖是否都成功
运行Flutter doctor命令查看是否需要安装其它依赖项来完成安装
flutter doctor
五,相关可能遇见的问题
Android方面遇见的问题:
android 权限没有接收问题:
Failed to install the following Android SDK package as some license have not been accepted on aws instance
对于警号:"Some Android licenses not accepted.To resolve this, run:flutter doctor --android-licenses"
运行:
flutter doctor --android-licenses (一路下去:Y)
对于错误:Flutter requires Android SDK 28 and the Android BuildTools 28.0.3 To update using sdkmanager, run: /Users/yanjing/Library/Android/sdk/tools/bin/sdkmanager "platforms;android-28" "build-tools;28.0.3"
解决方式如下:
进入 Android Studio:
打开Android Studio: 选择 Configure ->SDK Mannager ->Android SDK 升级到28
在进行 flutter doctor 检测 这时候的警告和错误 就不在了
对于错误: Flutter plugin not installed; this adds Flutter specific functionality.
Dart plugin not installed; this adds Dart specific functionality
打开Android Studio:选择Configure -> Plugins ->搜索flutter和dart进行安装(里面连接搜索会有点慢,对网络有点要求的)
在进行 flutter doctor 检测 :
Android 已经好了
iOS方面遇见的问题:
✗ libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
按顺序 从上往下 进行终端输入
对于:fatal: unable to access 'https://git.libimobiledevice.org/libimobiledevice.git/': Failed to connect to git.libimobiledevice.org port 443: Operation timed out
这是由于网速问题,进行较好的网络下重新进行执行
对于警号:Warning: usbmuxd HEAD-873252d_1 is already installed and up-to-dateTo reinstall HEAD_1, run `brew reinstall usbmuxd
解决:brew reinstall usbmuxd`(重新执行)
六、配置编辑器
目前官方推荐的编辑器有Android Studio、VS Code、IntelliJ,我选择的是VS Code
安装 VS Code:
安装Flutter插件
1. 启动 VS Code
2. 在搜索框输入 flutter, 在搜索结果列表中选择 ‘Flutter’以及'Dart', 然后点击 Install
3. 选择 ‘OK’ 重新启动 VS Code
调用View>Command Palette 或者 同时按fn F1 ,创建flutter 项目
选择第一个 Flutter:New Project 输入一个项目名称
运行项目 同时点击fn 和F5
我这边用的是iPhone XR模拟器和Android 运行的结果
此上是我在安装flutter 的时候遇见到的问题,不足之处还请多多谅解,也欢迎各大神指教~~
https://blog.csdn.net/qq_34115898/article/details/88355939. 修改vim
对于报错 :
Error: The Flutter directory is not a clone of the GitHub project.
The flutter tool requires Git in order to operate properly;
to install Flutter, see the instructions at:
https://flutter.dev/get-started
需要进入flutter sdk所在的目录下 执行 git init 将使其成为一个git仓库。
再运行flutter doctor即可
1,进行flutter doctor 的检查
用vscode 所遇问题:
Dart_LoadScriptFromKernel: The binary program does not contain 'main'.
解决方法:cmd + s 再 Run Code
/bin/sh: dart: command not found
运行open ~/.zshrc
#dart
exportDART_HOME=/Users/XXXXXX/Work/Download/flutter/bin/cache/dart-sdk/bin
exportPATH="${DART_HOME}:${PATH}"
将上面路径放入.zshrc配置中
将/Users/XXXXXX/Work/Download还成自己电脑存放flutter的路径。保存退出
重启vscode(一定是退出重启)
The file /Users/xxxx/.zshrc does not exist
原因
使用的终端是zsh,zsh加载的是~/.zshrc文件,而该文件中没有定义任务环境变量。
解决
1、打开终端在用户目录下(cd ~)执行ls -all 查看该目录下是否存在.zshrc文件,
如果不存在,则需要创建该文件,和.bash_profile的创建方法一致,在用户路径下 touch .zshrc
2、在终端中执行命令打开.zshrc文件
open -e ~/.zshrc
3、在文件最后一行加上下面代码并保存退出
source ~/.bash_profile
4、执行命令,使其立即生效
source ~/.zshrc