【Flutter真香攻略】(二)环境搭建

要做开发,前提肯定是先搭建好开发环境,Flutter环境搭建比较简单,直接查看官网即可,如果不想看英文的,也可以去看Flutter中文网

以我当前Mac环境为例,步骤如下:

一、使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

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

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

二、获取Flutter SDK

  • 方法1:去flutter官网下载其最新可用的安装包,转到下载页 ;
  • 方法2:Git clone 安装,装相应releases版本,也可以直接Clone主干版本:
git clone -b master https://github.com/flutter/flutter.git

为了命令行使用,把下载的flutter/bin路径加入环境变量PATH中,Windows/Mac的环境变量设置是基础不详细说明,在Mac上是在~/.bash_profile中添加:

export PATH=~/Documents/dev/projects/flutter/flutter/bin:$PATH

这样就可以直接免路径执行flutter命令,这时执行flutter doctor命令检测缺失环境:

flutter doctor

按建议提示执行命令就基本完成环境搭建了:

image.png

如果到了一段时间想升级flutter,也是很简单,一句话的事:

flutter upgrade

三、开发工具配置(可选)

其实上述两步基本完成环境搭建,平常用命令行执行就可以了,当然“工欲善其事,必先利其器”,配置好开发工具的flutter插件,能较方便完成flutter开发,在这里我选用的是vscode,所以在插件搜索框,打入“flutter ”, 在搜索结果列表中选择 【Flutter】和【Dart】, 然后点击【安装】,再重启vscode即可。

装【Dart】是因为Flutter的官方开发语言是Dart,如果想使用Typescript开发Flutter的另类尝试,可以顺便把【flutter-view-vscode】插件也装上。


总的来说,环境搭建比其他移动端开发简便不少。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券