Flutter已经逐渐进入我们移动开发的视野之中,被越来越多的开发者熟知和认可,在今年的Google中国开发大会上,也有重点介绍Flutter。到今天为止,我接触Flutter已经有两个星期的时间了,也对比过它和RN、WEEX之间的区别,Flutter的确有挺不错的优势所在,在接触的过程中,也不断的体会到了Flutter的强大和快捷,如果各位有时间,可以去学习一下,不失为一门好手艺。好了废话不多说(后续再跟大家慢慢闲扯),下面进入我们的主题,如何搭建好Flutter的开发环境?

Flutter的开发工具可以使用我们Android开发熟悉的Android Studio 来直接进行开发,搭建好其环境也只需要8个步骤就搞定了,非常的简单:

1.在 https://git-scm.com/ 上下载适合自己电脑的git并进行安装(一直下一步即可)

2.安装好后查看环境变量中的Path变量中是否有Git路径 (比如 C:[你的Git路径]Gitcmd) ,没有则进行配置即可。

3.打开一个新的Cmd或PowerShell窗口或者直接打开Git 的Git Bash Here窗口,运行以下命令使用Git安装Flutter
git clone https://github.com/flutter/flutter.git
然后找到安装路径,在安装是注意你打开的命令窗口是哪一个,在哪一个目录下,通常安装好的Flutter就在该目录下,如果找不到就全盘搜索吧。

4.在环境变量,Path变量中添加Flutter的路径 例如 C:[你的Flutter路径]flutterbin

5.由于在国内访问Flutter有时可能会受到限制,所以需在环境变量中的 用户变量 中 添加
PUB_HOSTED_URL : https://pub.flutter-io.cn 和 FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn

6.安装完成后,再打开一个新的Cmd或PowerShell窗口或者直接打开Git 的Git Bash Here窗口,并运行flutter doctor命令来查看是否需要安装依赖关系以完成安装

7.安装后如果提示有错误,根据错误提示进行解决即可 (重新运行flutter doctor命令可查看当前是否配置正确)

8.在Android studio中安装 flutter插件后 New Flutter Project–>Flutter application 创建项目

到这里Flutter就安装完成了,方便快速。有可能你新建Flutter项目后发现连不上模拟器,真机也连不上,你可以在 git bash 里面 flutter doctor 一下,会提示你相关信息,根据提示解决即可。

希望你入坑愉快,点点关注吧,后续会不断的更新Flutter相关知识的呦,这两周的学习还有许多的体会后续会写上来,之后的新体会也会的,欢迎关注,一起成长一起嗨!

Flutter入门之 快速搭建Flutter环境