Flutter环境搭建(windos10)

前言

笔者是位java开发工程师,会前端H5、小程序并且完成了一些线上项目。但对于移动端android与ios未接触过,曾想过自学安卓,ios开发移动端,但考虑到学习成本略高,同时也了解到近几年混合跨平台开发兴起,其中比较倾向的是Flutter,Flutter是谷歌的移动UI框架,可以快速在ios和android上构建高质量的原生用户界面。至于为何选它,读者可在各大技术论坛社区寻找答案。

一、入门级搭建Flutter开发环境

学习一项技术最好的途径是官网, Flutter中文官网.
Flutter环境搭建(windos10)_第1张图片
Flutter环境搭建(windos10)_第2张图片
Flutter环境搭建(windos10)_第3张图片

一、获取FlutterSDK

Flutter环境搭建(windos10)_第4张图片
Flutter环境搭建(windos10)_第5张图片
Flutter环境搭建(windos10)_第6张图片

二、下载Flutter依赖的工具Git。当然win10已默认带有PoweShell,但我这里使用Git工具。

Flutter环境搭建(windos10)_第7张图片
Flutter环境搭建(windos10)_第8张图片
Flutter环境搭建(windos10)_第9张图片
Flutter环境搭建(windos10)_第10张图片
Flutter环境搭建(windos10)_第11张图片
Flutter环境搭建(windos10)_第12张图片
到这里,Git工具安装完成。

三、配置FlutterSDK环境

解压刚刚下载的FlutterSDK包
Flutter环境搭建(windos10)_第13张图片
Flutter环境搭建(windos10)_第14张图片
Flutter环境搭建(windos10)_第15张图片

Flutter环境搭建(windos10)_第16张图片
Flutter环境搭建(windos10)_第17张图片
Flutter环境搭建(windos10)_第18张图片
Flutter环境搭建(windos10)_第19张图片
Flutter环境搭建(windos10)_第20张图片
点击确定,确定,确定。
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
到这里我们FlutterSDK配置完成,接下来检查环境是否真正成功。
Flutter环境搭建(windos10)_第21张图片
flutter doctor
Flutter环境搭建(windos10)_第22张图片
如果你运行命令失败,请检查一下你配置环境变量是否正确。手动添加C:\Program Files\Git\bin至Path系统环境变量中。

Flutter环境搭建(windos10)_第23张图片

四、安装 Android Studio.

Flutter环境搭建(windos10)_第24张图片
安装Android Studio可以查阅相关资料,安装文件过大这里就不演示了。注意的是安装Android 4.1(API level 16)或更高版本的Android设备,若想了解具体安装过程,请前往
下一章: Flutter安装AndroidSDK(windos10)
Flutter环境搭建(windos10)_第25张图片

你可能感兴趣的:(移动端,flutter)