says flutter---01环境搭建

311 阅读2分钟
嗯,,,听说,Flutter有大一统前端的趋势。于是在某建议下,开始学习flutter,也想看看到底有多厉害(本人觉得vue深得我意,哈哈)。今天说的是最基础的,但是我觉得是挺难搞的一个东西就是环境的配置.

01-mac操作系统

  • 下载Flutter SDK
  1.官网和github下载可能很慢也可能失败(下载很烦人,耽误了很长时间),最后我找的是在【清华大学开源软件镜像 https://mirrors.tuna.tsinghua.edu.cn/】网站下载的,哪里下载也可以,要求是真的、稳定版本。
  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://pub.flutter-io.cn
                  export FLUTTER_STORAGE_BASE_URL=https://storage.flutter
ESC保存
:wq退出
  • 检查是否安装成功
flutter --version(dart信息也会有)
(出现找不到的情况可能是因为.bash_profile文件没生效造成的)
  • 配置ios环境
下载Xcode(AppStore下载),安装(可能需要升级系统来配合),选择自己喜欢的ios模拟器

02-windows操作系统

  • 下载flutter SDK
我一般习惯放到E盘
  • 配置环境变量
右键点击 我的电脑 ,选择 高级变量,找到 环境变量,找到 path:flutter目录/bin  (flutter环境变量)
                                               path:flutter目录/bin/cache/dart-sdk/bin  (dart环境变量)
  • 配置国内镜像
刚才的位置新建变量为  PUB_HOSTED_URL:https://pub.flutter-io.cn
                   FLUTTER_STORAGE_BASE_URL:https://storage.flutter
  • 配置android开发环境
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。