Flutter 学习笔记1

官网 https://flutter.io/

Android开发一枚，之前听过Flutter、RN但是都不会，后续项目可能要用到跨平台方案，所以打算学习Flutter，小白一个，跟着官网一步一步，走起……

电脑信息
AS信息

环境搭建

1. 下载Flutter SDK

存放位置自己定，但是注意不要以后自己误删了。下载后是zip文件，需要解压缩。

flutter sdk

2. 设置环境变量

Mac设置环境变量不如Windows简单，可以看这篇文章，教你怎样在mac设置环境变量，感谢作者。

Mac 环境变量设置：http://yifeng.studio/2016/11/08/mac-environment-variables-configration/

简单步骤如下：

• a. 打开终端，执行 nano ~/.bash_profile 命令，创建并编辑配置文件，添加 path 路径
  bash_profile
  我的笔记本原带了adb的环境变量，用冒号：连接在后面添加flutter的path，注意结尾必须是 :${PATH}，格式如下：export PATH=${PATH}:path1:path2:${PATH}
• b. 按下 Ctrl+O（字母O），终端会提示是否保存修改以及保存的文件名，回车确认即可（取消按 Ctrl+C）。然后使用 Ctrl+X 快捷键组合退出编辑
• c. 需要注意的是，此处新添加的环境变量并不能马上使用，可以使用 source 命令使之立刻生效（通过重启电脑也能实现），执行如下命令即可：source .bash_profile

到此flutter环境变量设置成功，来验证下，终端输入flutter doctor如下代表设置环变量成功：

flutter doctor

3. AS添加flutter插件

我的已经安装，如果你的没有安装，点击右边的install，然后重启AS

flutter plugin.png

4. 新建Flutter项目

安装完插件重启AS后就可以新建flutter项目了。

create flutter project.png

运行后简单改版后如下：

image.png