嗯,,,听说,Flutter有大一统前端的趋势。于是在某建议下,开始学习flutter,也想看看到底有多厉害(本人觉得vue深得我意,哈哈)。今天说的是最基础的,但是我觉得是挺难搞的一个东西就是环境的配置.
01-mac操作系统
1.官网和github下载可能很慢也可能失败(下载很烦人,耽误了很长时间),最后我找的是在【清华大学开源软件镜像 https:
2.解压缩之后,将文件夹放置你想安装的目录(我对这个mac的路径不像windows好找,我就放到了用户根下)
1.终端打开,输入命令 vim ~/.bash_profile,打开编辑器。
2.输入i添加 export PATH=$PATH:/flutter目录/bin (flutter环境变量)
export PATH=$PATH:/flutter目录/bin/cache/dart-sdk/bin (dart环境变量)
还是在刚才文件中添加 export PUB_HOSTED_URL=https:
export FLUTTER_STORAGE_BASE_URL=https:
ESC保存
:wq退出
flutter --version(dart信息也会有)
(出现找不到的情况可能是因为.bash_profile文件没生效造成的)
下载Xcode(AppStore下载),安装(可能需要升级系统来配合),选择自己喜欢的ios模拟器
02-windows操作系统
我一般习惯放到E盘
右键点击 我的电脑 ,选择 高级变量,找到 环境变量,找到 path:flutter目录/bin (flutter环境变量)
path:flutter目录/bin/cache/dart-sdk/bin (dart环境变量)
刚才的位置新建变量为 PUB_HOSTED_URL:https:
FLUTTER_STORAGE_BASE_URL:https:
1.下载Android Studio,安装完成之后打开,点击右下角 configure,选择AVD manager,

2.进入之后,选择下面的 create virtual device,

3.任意选择尺寸模型,这里我选择的是pixel,点击next

4.任意选择版本号,我选择的是9,点击下载,之后会出现 命名 的界面,然后配置环境结束。

03-选择开发工具
无论选择VS code还是Android Studio,都需要下载插件flutter和dart。(我选择的是dart语言学习可以选择VS code,flutter项目实战可以选择Android Studio)
04-第一个demo
1.终端输入命令 flutter create 项目名称,
2.打开android stodio,运行第一个小demo。