Flutter入门之环境搭建

       自从18年google在I/O大会上推出了Flutter,觉得在未来可能是一个趋势,于是在休闲之余上手了一下,在搭建环境变量时出现了几个坑,在看官方文档和查找资料后都解决了,记录一下在window上环境变量安装过程:

flutter官网地址为:https://flutterchina.club/setup-windows/

1.配置镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

FLUTTER_STORAGE_BASE_URL   https://storage.flutter-io.cn

PUB_HOSTED_URL                           https://pub.flutter-io.cn

2.下载flutter_sdk

a.去flutter官网下载其最新可用的安装包,点击下载 ;

注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包 。

b.将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。我的安装目录截图如下:

c.在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

3.配置flutter环境变量

在系统变量Path下配置flutter安装目录,如我的目录是D:\soft\flutter\flutter\bin,你可以选择自己的安装目录,截图如下:

在配置flutter环境变量前一定要先配置git,要不然会报错,报错信息如下:

flutter doctor 不行,说是'where'不是内部或外部命令,也不是可运行的程序,或批处理文件。error:unable to find git in your path.

4.flutter下载安装完成,打开命令行窗口,在打开的命令行窗口中运行flutter doctor,只需等待一段时间即可,它会下载它自己的依赖项并自行编译,以后再运行就会快得多,一段时间后会出现以下界面,证明flutter安装配置成功了。

5.Android studio配置:

打开Android studio——Settings——plugins,在弹出的plugins窗口中输入flutter,然后选择下载,flutter插件中保护dart,不用单独下载dart,下载完成后重启studio就可以在插件中看到flutter了。

6.配置fluttersdk和dart路径

a.配置dart-sdk:

依次选择settings————Languages&FrameWorks————Dart——Dart sdk path,选择你从官网下载好的flutter目录下的dart-sdk目录,我的目录如下:如果在version下出现版本号(如:2.1.0-dev.9.4)证明安装正确,否则请检查配置和下载的包

b.配置flutter-sdk目录

依次选择settings————Languages&FrameWorks————Flutter——Flutter sdk path,选择刚才你下载的flutter目录,我的目录截图如下:如果出现如下图的版本号就证明配置成功,否则检查配置,重新下载最新的安装包.

至此,flutter在window上一个完整的安装配置 过程就完成了,可以愉快地去进行项目实战学习了~~

猜你喜欢

转载自blog.csdn.net/u012556114/article/details/85689355