前言
Flutter是Google的一款跨平台开发语言,你可能知道另外一种跨平台开发语言React Native,作为两款跨平台开发语言,他们有什么区别,哪个更好一些呢,这里暂时不做评价,知乎上有人做了对比:如何评价 Google 的 Fuchsia、Android、iOS 跨平台应用框架 Flutter? ,Flutter 作为Google极力推荐的跨平台开发工具,天生具备MD(材料设计)特性,目前尚未成熟,但前景是远大的。值得我们学习。
环境配置
下载并配置Git
下载Git
打开Git官网,下载对应的软件
安装并配置
验证配置
下载并配置Flutter
下载Flutter
官网下载SDK
Github上搜索Flutter,在GitBash中执行git clone
配置环境变量
运行 flutter_console.bat,输入flutter doctor 命令
说明:
- 其中带X的表示需要安装的东西
- 其中带v的表示已经安装的东西
电脑中已安装了开发工具:
- android Studio
- Vs Code
- IntelliJ
下面将分情况讲述
开发工具配置
android licenses
再做工具配置之前,我们先解决第一个提示:
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
输入“flutter doctor –android-licenses”并回车,如果需要确认,请输入“y”
android studio 开发配置
异常
解决完上面的licenses之后,重新输入flutter doctor检测,结果如下:
解决
原因是android studio开发工具未安装flutter插件,依次打开 File——>Setting——>Plguins——>安装flutter(默认安装Dart插件),安装后重启生效
android studio开发flutter
File——>New Flutter Project
选择类型(本次选择Application)
设置应用信息
设置应用包名
VS 开发配置
异常
再次运行 flutter doctor 检测, android studio开发工具的错误已经消失,VS Code的错误仍然存在
解决
安装VS Code 插件 flutter和Dart
使用VS 开发Flutter
新建 Flutter 项目
依次点击:查看——>命令面板——>输入Flutter——>选择Flutter:New Project