持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第15天,点击查看活动详情
今日目标
今天就正式开始进入Flutter部分了。俗话说的好,工欲善其事必先利其器,所以今天我们的主要目标就是来学习搭建Flutter的开发环境。
Flutter简介
Flutter是谷歌公司开发的一款开源、免费的移动UI框架,可以让我们快速的在android和ios上构建高质量app,最大的特点就是跨平台以及高性能。
Flutter基于谷歌的dart语言,所以我们前面的dart基础学习正是为我们进入flutter的世界提供了垫脚石。
目前市面上已经有很多混合app的开发框架了,但是有些混合app开发框架主要是针对前端开发者的:比如 reactnative、ionic、weex、taro、uni-app、有些则是针对.net开发者的,如:Xamarin
flutter是谷歌基于dart语言开发的一款跨平台的移动app开发框架,它针对的是全部开发者,同时它的性能又优于rn、ionic。目前国内最大的flutter的推广者就是阿里的闲鱼团队了。
Windows上搭建flutter 运行环境
安装配置JDK
1.下载jdk
www.oracle.com/java/techno…
下载的时候需要注册账号才可以下载。信息嘛大家随意看着填,邮箱有效就可以了。
下载完成后直接安装即可,建议使用其默认路劲安装。
2.配置jdk\
- 配置环境变量
- path环境变量配置
配置好环境变量后,通过cmd命令进行验证,分别输入java和javac看是否有下面图示的内容输出,有就说名环境变量已经配置好了。
3.下载安装Android Studio
developer.android.google.cn/studio
从这里下载并安装studio
\
4.下载安装FlutterSdk
flutter.cn/docs/get-st…
可以在上述页面进行下载,同时页面也说明了一些关于安装的注意事项和pub镜像源的修改问题。同样你的也需要参照步骤2那样配置fluutersdk的环境变量
配置好环境变量后,我们可以再终端里进行验证,输入flutter -v看是否有下面图示的内容输出,有就是配置成功了
5.修改flutter镜像源
受限于国内网络环境会导致我们在安装一些pub包的时候因为网络不通导致下载失败可以参考flutter.cn/community/c… 这里的镜像配置.配置好镜像源后可以通过flutter doctor来检测一下
如果看到了这样的提示,只要按照提示运行一下flutter doctor --android-licenses就好了。
Tips: 如果出现上图的cmdline-tools提示,请先检查你的android sdk的存储位置是否发生了修改,并且在android studio上是否有下载对应的工具,如果sdk位置修改了通过flutter config --android-sdk 你的sdk路径
最终得到如上图这样的显示就是完全配置成功了,因为我们用不到开发桌面应用,所有上图的提示可以忽略。
6.在android studio里安装flutter插件
在android studio的plugins里搜索flutter安装这个插件,安装完成后重新打开android studio就可以看到创建flutter项目的入口了。\
至此我们在windows上就完成了flutter的环境配置。
ending
持续学习,加油,如有不对的地方还请指正,谢谢~~