AndroidStudio下Flutter环境搭建图⽂教程
⼀、Flutter介绍
Flutter是⾕歌的移动UI框架,可以快速在iOS和Android上构建⾼质量的原⽣⽤户界⾯。Flutter可以与现有的代码⼀起⼯作。在全世界,Flutter正在被越来越多的开发者和组织使⽤,并且Flutter是完全免费、开源的。
⼆、环境搭建
Flutter 的环境搭建⼗分省⼼,特别对应Android开发者⽽⾔,只是在AndroidStuido上安装
插件,并下载flutterSdk到本地,配置在环境变量即可,其实
已经很贴⼼详细,从平台指引开始安装基本都不会遇到问题。
1.下载AndroidStudio中的插件 Dart和Flutter
⼤家都是聪明⼈看图说话,不做多余解释!
2.获取Flutter SDK
3.环境配置
⽹上流传的⼤多数是Git命令配置,很很拉风,但是做⼈得低调,所以这⾥我们写了两个配置⽅案:
flutter pub⽅案A: git命令配置(⽹上⼤多数教程是这样配置):
(1)打开gitbash,输⼊如下命令:
git clone -b beta github/flutter/flutter.git
export PUB_HOSTED_URL=pub.flutter-io //国内⽤户需要设置
export FLUTTER_STORAGE_BASE_URL=storage.flutter-io //国内⽤户需要设置
export PATH=pwd/flutter/bin:$PATH
⽅案B:⼿动配置:
在⽤户变量上添加如下变量
> 需要配置的内容:
> ANDROID_HOME,在把你android SDK的路径填上
//国内⽤户需要设置
PUB_HOSTED_URL:
pub.flutter-io
FLUTTER_STORAGE_BASE_URL:
storage.flutter-io
PATH:
Flutter sdk路径的bin (不明⽩看下图)
测试是否配置成功
按win+R 直接运⾏ PowerShell , 然后输⼊如下命令:flutter doctor
成功效果:
错误效果:
如果出现以下错误 , 则是没有配置好Android的环境
解决办法:添加环境变量ANDROID_HOME,把你android SDK的路径填上,重启电脑即可
重启后继续执⾏ flutter doctor 如果还不成功就再执⾏ flutter doctor --android-licenses ,接下来所有的输⼊ y 就可以了
成功后效果
三、创建项⽬
创建项⽬很简单基本上和Android项⽬⼀样File->New->New Flutter Project
选Flutter Application ->Next
起App名字 ->Next 起包名 ->Finish
修改main.dart内容
运⾏就会有Hello World了
详细步骤(直接贴图不解释了)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论