flutter学习网站:flutterChina
一、获取sdk安装包
解压安装包到你想安装的目录(不需要一定解压到具体项目中)
二、配置环境变量
1. 配置镜像
如果你使用的是bash,就配置bash.profile文件,如果使用的是zsh,就配置zshrc文件
(如何查看自己使用的是哪个,在“终端输入chsh”,提示输入开机密码,输入时不显示,输入完直接回车即可)
此处若为shell:/bin/zsh/就是zsh,在.zshrc中配置,如果是shell:/bin/bash/,就是bash,在.bash_profile中配置(此处要退出终端,英文状态下输入i,进入编辑模式,然后按esc,紧接着输入:wq回车即可)。
2.配置shell
如果是zsh,终端输入vim ~/.zshrc ,如果是bash,输入vim ~/.bash_profile 再按i进入编辑模式,将下面的代码粘贴进去
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.配置flutter环境变量
接下来,将flutter命令行工具的路径配置以下,还是在对应的这个shell文件中,其中这个FLUTTER对应下载的flutter SDK解压后的文件路径
export PATH=这里是你放flutter的路径/bin:$PATH
输入完成后,按esc,在输入:wq 即可退出,完成配置。配置完成后,退出重新打开终端,或者输入载入命令使配置生效,载入命令为 source ~/.zshrc 或者source ~/.bash_profile 还是取决于你的zsh还是bash。
4.验证“flutter/bin”是否已在PATH中
echo $PATH
完成后,我们可以看看flutter配置是否成功了。flutter有一个doctor检测命令。专门检测的flutter环境配置是否成功的
flutter doctor
安装成功!
拓展
接下来就是下载和安装开发flutter的开发工具,可以是vscode,也可以是android studio
直接去官网下载即可。
如安装vscode,需安装flutter,dart插件,如需中文显示也可安装一个chinese插件
如安装android studio,需安装flutter插件(因为 Flutter 插件本身依赖于 Dart 插件,所以我们只安装 Flutter 插件就可以了)
创建记得勾选你要开发用的语言和平台
项目创建之后,会提示Dart SDK is not configured,点击configure
或者打开File =》Setting =》Language & Frameworks => Dart
勾选 “enable Dart support for the project”,并且选择Dart SDK path,路径为 D:\flutter\bin\cache\dart-sdk ,其中D:\flutter是flutter SDK路径
此刻就可以正常使用啦。
拓展:
1.如果项目上方出现运行按钮灰色不能点击的情况,那很可能是没有在android stuido中安装flutter插件。
2.终端输入命令:flutter doctor查看还需要哪些配置,一一配置即可。
3.打开flutter项目,如在android目录下看不到右上角的‘open for Editing in Android Studio’,那就在android目录下新建一个文件后缀为.iml的文件。
就会出现了,或者重启ide。