Flutter环境搭建

  • 电脑配置jdk
  1. 下载安装jdk

Java Downloads | Oracle

建议下载1.8以下的,在默认目录下载。

     2.配置环境变量

在系统环境变量新增JAVA_HONE,设置值为jdk下载安装的位置。(本电脑为C:\Program Files\Java\jdk1.8.0_311)

然后再系统环境的Path中添加fa84c776401d4c38a9bf7e2b3cc16e62.png

 

     3.检查

Win+R打开命令提示符分别输入Java和javac如果出现一段文件说明配置成功。

 

  • 安装下载Android studio

Download Android Studio and SDK tools  |  Android Developers

可能因为没有做镜像的原因,导致一部分sdk下载失败,不过没关系,之后可以在android studio下载回来。

 

  • 电脑上面下载flutter sdk
  1. 下载flutter sdk

Flutter SDK releases | Flutter

是一个压缩包,一定要解压的根目录下,不然即使配了环境变量也无法访问。到时候在命令提示符窗口输入flutter doctor会提示下面的错误。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_20,color_FFFFFF,t_70,g_se,x_16

 

     2.配置环境

在系统环境变量Path中,加入解压后flutterbin目录的位置(此电脑是16f61ced3fab417fa4b89479c89026cc.png

     3.检查

输入flutter doctor,如果出现一系列欢迎文字说明配置成功。

 

  • 国内镜像

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_20,color_FFFFFF,t_70,g_se,x_16

(1) 即在系统环境变量中新建两个,第一个变量名写FLUTTER_STORAGE_BASE_URL,变量值写https://mirrors.tuna.tsinghua.edu.cn/flutter

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_20,color_FFFFFF,t_70,g_se,x_16 

(2)配置完成后在运行flutter doctor出现

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_20,color_FFFFFF,t_70,g_se,x_16

(2.1)首先解决感叹号的第一个问题,缺少Android sdk。

在Android studio首页右下角找到sdk  manager。在中间的sdk tools中下载

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_20,color_FFFFFF,t_70,g_se,x_16

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_20,color_FFFFFF,t_70,g_se,x_16 这样下载完成后,在运行flutter doctor就只剩下了第二个错误。

 

(2.2)此时运行

flutter doctor --android-licenses
之后一路选Y就行了

 

  • 在Android studio安装flutter的插件

在左边有一个插件下载,直接下载flutter就好了。(dart点击yes后可以自动下载)。下载完成后有一个重启,restart Android studio。点击重启就安装完成了。

 

  • 创建flutter项目

        1.创建项目

选择好自己需要保持的位置。

        2.创建的项目没法运行,需要重新导入。

在file里面open这个文件夹下面的Android文件。第一次导入的时候很慢,因为需要下载两个资源。两个资源下载好之后。连接手机(手机需要打开开发者模式),点击run app就可以运行到手机上了。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_20,color_FFFFFF,t_70,g_se,x_16

 注意:左边一定要选择app,右边就是你的手机

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_11,color_FFFFFF,t_70,g_se,x_16

 手机运行结果如下

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNjE2ODY0Mjc=,size_7,color_FFFFFF,t_70,g_se,x_16

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

caroline~安

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值