Flutter学习之--------环境配置(Windows10环境)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010221508/article/details/88751550
  • 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项目就算创建了,接上手机可以运行一下,看看效果,好了今天就讲到这里

猜你喜欢

转载自blog.csdn.net/u010221508/article/details/88751550