安装flutter sdk 及配置环境变量

flutter学习网站:flutterChina

一、获取sdk安装包

flutter安装包-官网地址

解压安装包到你想安装的目录(不需要一定解压到具体项目中)

二、配置环境变量

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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。