前言
转载:范特西_jay 原文链接
Flutter开发工具很多,有很多支持Flutter开发的IDE。比如Android Studio、Visual Studio Code、InteIIiJ
IDEA、Atom、Komodo等。这里将使用Visual Studio Code作为主要开发工具,因为Visual Studio Code占用内存和CPU比较低,非常的流畅,体验也比较的好。模拟器的话,这里推荐使用Android官方的模拟器,也就是Android Studio SDK里带的模拟器。不过,这里的模拟器我们使用单独启动的,无需从Android Studio启动,当然也可以用真机运行调试。接下来,我们就开始Flutter开发环境的搭建吧。注意:本文是在Windows环境下安装的开发环境。本文将主要介绍:
Flutter下载与环境变量配置
Visual Studio Code插件安装与新建Flutter项目
模拟器的安装
运行Flutter项目到模拟器和真机
Flutter常用命令
开发环境的搭建
1. 下载Flutter SDK
Flutter SDK由两部分构成,一个是Dart SDK,另一个就是Flutter SDK,因为Flutter是基于Dart的。可以通过两种方式下载:一种是Git下载;另一种是直接下载SDK压缩包即可。
Git方式我们可以通过拉取官方Github上的flutter分支来下载。分支分类如下图:
作为一个ios开发者,遇到问题的时候,有一个学习的氛围跟一个交流圈子特别重要,对自身有极大帮助,众人拾柴火焰高 这是一个我的iOS交流群:711315161,进群密码iOS 分享BAT,阿里面试题、面试经验,讨论技术, 大家一起交流学习成长!希望帮助开发者少走弯路。
Flutter分支
可以看到主要有dev、beta和stable三个官方分支使,这里正式开发的话可以下载stable稳定版本。用Git命令进行下载stable分支:
git clone -b stable https://github.com/flutter/flutter.git
另一种是直接官网下载SDK压缩包,官方下载地址为:
https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip
2. 配置环境变量
下载完SDK后我们可以把它解压放到指定文件夹里,接下来就是配置SDK环境变量量,这样我们就可以在需要的目录执行相关命令了。如果在官网更新下载SDK慢的话,可以设置国内的镜像代理地址,这样下载会快一些。可以将如下的国内下载镜像地址加入到环境变量中:
变量名:PUB_HOSTED_URL,变量值:https://pub.flutter-io.cn
变量名:FLUTTER_STORAGE_BASE_URL,变量值:https://storage.flutter-io.cn
Flutter SDK环境变量,讲flutter的bin目录加入环境变量即可:
[你的Flutter文件夹路径]\flutter\bin
这样我们的Flutter SDK的环境变量就配置完毕了。接下来在命令提示符窗口中输入命令:
flutter doctor
它可以帮助我们检查Flutter环境变量是否设置成功,Android SDK是否下载以及配置好环境变量等等。如果有相关的错误提示,根据提示进行修复和安装、设置即可。每次运行这个命令,都会帮你检查是否缺失了必要的依赖。通过运行flutter doctor命令来验证你是否已经正确地设置了,并且可以自动更新和下载相关的依赖。如果全部配置正确的话,会出现如下类似的检测信息:
Flutter配置检查
主要检测信息为:Flutter、Android toolchain、Connected device。
3.安装Visual Studio Code所需插件
在Visual Studio Code的Extensions里搜索安装Dart和Flutter扩展插件:
Flutter插件安装
安装完成插件后,重启Visual Studio Code编辑器即可。
4.创建Flutter项目
接下来进行Flutter项目的新建,我们可以通过命令面板或者快捷键Ctrl+Shif+P打开命令面板,找到Flutter:New Project:
Flutter新建项目
点击New Project,接下来进入项目名称输入:
输入Flutter项目名称
回车,然后选择好项目的存储位置即可,这样就完成了Flutter项目的新建。
整个的创建流程日志如下:
[undefined] flutter create .
Waiting fo