-
Flutter简介
Flutter是谷歌的移动UI框架,可以快速在IOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正被越来越多的开发者和组织者使用,并且Flutter是完全免费、开源的。 -
使用镜像
由于国内使用Flutter时有可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,可以将如下环境变量加入到用户环境变量中:export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
打开我的电脑,右击,点击属性,会打开到下面的界面
在这里插入图片描述
点击高级系统设置,进入到下面界面
在这里插入图片描述
点击环境变量,进入到下面界面
在这里插入图片描述
用户变量只能是本用户使用,系统变量是本电脑的所有用户都能使用
只配置系统变量为例:点击系统变量下面的新建:
在这里插入图片描述
在这里插入图片描述
把所需要配置的变量key和value写入点击确定即可。
-
去Flutter官网下载最新的可用安装包:
官方地址: https://flutter.dev/docs/development/tools/sdk/archive#windows
在大陆地区,要想正常获取安装包可能需要翻墙,读者也可以去Flutter github项目下去下载安装包
这个是在Flutter官网下载的安装包,上传到了百度云上,不能翻墙的可以用这个
链接:https://pan.baidu.com/s/1zjEC-qww_E26OzxT55wKNg
提取码:jzgt -
安装Flutter并且配置环境变量:
将安装包zip解压到你想安装Flutter Sdk的路径(注意不要安装到一些高权限的路径如C:\Program Files\) 比如:解压到D盘某个路径下。
在这里插入图片描述
配置环境变量:打开flutter文件夹到bin目录下,拷贝全路径
在这里插入图片描述
打开环境变量配置界面,(怎么打开上面已经介绍了),选中path,点击编辑
在这里插入图片描述
在新的界面点击新建,此时在最下面一行会出现输入框,把刚才复制的Flutter bin目录的全路径粘贴到这里即可,点击确认就算配置完了
在这里插入图片描述
配置完毕后,打开dos窗口,运行 flutter doctor,如果配置成功,会对此命令进行响应,如下图:
在这里插入图片描述
像这样,说明Flutter Sdk就算安装完成了。 -
此时默认你已经安装了Android studio(安装Android studio和git以及jdk的过程就不在这里写了)
在Android studio上添加Flutter插件:打开设置界面
在这里插入图片描述
点击plugins和Browse repositories 按钮
在这里插入图片描述
进入到
在这里插入图片描述
搜索flutter,会出现flutter插件相关的列表,选中flutter插件,安装即可,安装完成之后,重启Android studio就可以了。这样就可以在Android studio上使用Flutter了
我们新建第一个Flutter项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这样第一个Flutter项目就算创建了,接上手机可以运行一下,看看效果,好了今天就讲到这里
网友评论