Flutter入门并实战天气预报APP(1)——Flutter安装

本文介绍了Flutter入门的基础,详细阐述了Flutter SDK的安装过程,包括使用国内镜像、配置环境变量,以及在macOS上的bash和zsh环境下设置。此外,还讲解了如何在Android Studio和vscode中配置Flutter,帮助开发者快速搭建Flutter开发环境。
摘要由CSDN通过智能技术生成

Flutter入门并实战天气预报APP(1)——Flutter安装

1. Flutter是什么

Flutter是由谷歌推出的一个移动UI框架,可以让开发者快速的在Android和iOS上构建高质量的原生用户界面。

通过它来编写APP的好处在于:

  • 它内置了Android的Material Design风格和iOS的Cupertino风格的UI;
  • 它通过Dart语言编写,只需要编写一份代码就能在Android和iOS设备上得到同样的运行效果;
  • 他有热重载功能,只需要运行APP后,代码更改一点然后点击热重载键就能快速显示出修改后的界面。

2. 使用镜像安装

由于一些众所周知的原因,Flutter在国内访问有时候会受到限制,因此Flutter官方为国内开发者搭建了临时镜像,大家可以将下面的环境变量添加到系统中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

由于我用的是macOS,因此我就只演示macOS的。
如果有Linux的用户则和macOS 的安装方式类似,甚至可以说一样;
但是对于Windows用于,需要大家桌面右键此电脑->属性->弹出页面左侧栏的高级系统设置->环境变量,在下面的系统环境变量栏中点击新建,变量名输入上面等号左边的大写内容,不要export,值输入等号右边的内容,输入一组之后再点击新建接着输入下一组。
Windows下的环境变量配置

接下来我们开始说macOS。

2.1 首先你得确定你用的是什么shell

如果你没更改过你macOS终端设置,那么你默认就是bash,但是如果你更改过,比方说我就换成了zsh,那么我觉得你应该知道在哪设置环境变量。

2.2 如果你是bash

首先打开你macOS的终端,在启动台里面可以找到,接着对bash的环境变量进行设置,输入

vim ~/.bash_profile

回车,进入.bash_profile文件的编辑页面,然后按下键盘I键,进入vim的编辑模式,然后直接把上面的export环境变量赋值粘贴进去。然后按下Esc键退出vim的编辑模式,然后直接输入:wq回车保存并退出。
接着输入

source ~/.bash_profile

让刚刚配置的环境变量生效即可。
bash配置环境变量

2.3

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值