>

常用命令,一点一滴学习Flutter

- 编辑:www.bifa688.com -

常用命令,一点一滴学习Flutter

时间: 2019-12-30阅读: 43标签: 命令

我并不是专业的程序员,所学的专业与软件开发没有太大的关系,一直以来都是将编程学习作为一项爱好而持续着。之前自学过C语言,JAVA,Python、单片机嵌入式开发等,这次看到Flutter1.0版本发布后就想着自学,然后用Flutter写出一个安卓软件。零零碎碎地学习到现在也将近两个月了,写下这些文章,为的是将阅读官方文档所学到的知识回顾总结出来,更是为了记录下那些踩过的坑,如果有表述得不专业或者错误的地方,还请指出。

图片 1

查看flutter是否安装到位 环境是否正常

Flutter的安装参考了官方文档:1、Windows install;2、Set up an editor - Flutter ;

文章概述

flutter doctor

我所选用的IDE工具是google官方的Andriod Studio,官方下载链接为:Android Studio ;

通过阅读本文,你大致上能够了解到如下内容:

查看版本号

系统运行环境为windows10 专业版 17763.316

  • 安装Flutter
  • 创建第一个Flutter项目
  • 体验Flutter的代码热部署
flutter --version

1)下载flutter_windows_v1.0.0-stable.zip,将其解压,得到flutter文件夹,为了方便管理以及CMD模式下的命令输入,我将flutter文件夹移动到了C盘的根目录,如果移动到了其他文件夹下,注意文件夹的读写权限设置。

Flutter

升级环境

2)进入flutter文件夹,双击flutter_console.bat文件运行。

近期在Google/IO大会上flutter1.5的发布引起了业内很大的讨论,是时候着手感受一下它的开发体验了,总体来说Flutter的安装体验非常棒,几乎没遇到什么困难。我的机器是MacOS 10.14.3

flutter upgrade

3)将Flutter添加进PATH环境变量中。右键"此电脑" ->“高级系统设置" -> "环境变量" -> 在系统变量中找到"Path"变量,点击编辑 -> 点击"新建",将"flutterbin"文件夹所在的全路径名称,例如我的路径是"C:flutterbin"添加进"Path"变量中,点击"确定"进行保存。

安装

查看当前环境

4)运行flutter doctor命令,检测flutter是否安装成功。按下"win R"键打开"运行",输入"CMD"进入CMD,输入"flutter doctor",查看是否能够看到flutter的版本号。

下载flutterSDK flutter_macos_1.5.4 , 下载之后解压改文件到指定目录,我的目录如下:

flutter channel

5)安装IDE工具Android Studio

/Users/riverli/my/flutter

切换环境

6)在Android Studio中安装FlutterDart插件。打开Android Studio -> 点击"File" -> 点击"Settings" -> 点击“Plugins" -> 在搜索框搜索FlutterDart 并进行安装,安装完毕后重启Android Studio

将flutter命令添加到系统环境中,在.bash_profile中添加如下代码:

flutter channel $环境名字

7)为了后期能够生成签名文件以及APK文件,还需要安装完整的Java开发环境。到Java官网JAVA下载JDK安装包,选择合适的版本。下载完后进行安装,为了方便,我选择默认路径进行安装。

export PATH="$PATH:/Users/riverli/my/flutter/flutter/bin"

获取flutter packages包 (现在基本上已经是保存就自动导入的了 )

8)JavaJDK安装完毕后,设置环境变量。右键"此电脑" ->“高级系统设置" -> "环境变量" -> 在系统变量中新建一个名为"JAVA_HOME"的环境变量,变量值为Javajdk安装路径,例如我的变量值为"C:Program FilesJavajdk1.8.0_121" -> 在系统变量中新建一个名为"JAVA_HOME_JRE"的环境变量,变量值为Javajre安装路径,例如我的变量值为"C:Program FilesJavajre1.8.0_121"(好像某些选择在不会安装jre) -> 在系统变量中找到"Path"变量,点击编辑 -> 点击"新建",值为"%JAVA_HOME%bin"。若添加了"JAVA_HOME_JRE"环境变量,则还需要再在"Path"变量中新建一个值,为"%JAVA_HOME_JRE%bin"

环境检测:

flutter packages get

9)检测Java是否安装成功。按下"win R"键打开"运行",输入"CMD"进入CMD,输入"java -version",查看是否能够看到Java的版本号。

执行 flutter doctor 命令,会在命令行中列出你的环境问题,只需要根据提示安装即可。达到如下效果即表示你的环境没有问题。

运行到手机

10)安装完毕。可以开始新建flutter项目了。

~ $ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.5.4-hotfix.2, on Mac OS X 10.14.3 18D109, locale zh-Hans-CN)
​
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 10.2)
[✓] Android Studio (version 3.3)
[✓] Connected device (1 available)
​
• No issues found!
flutter run

我是使用Android Studio写flutter代码的,如果你不想使用Android Studio可以不用安装。Android Studio需要安装flutter插件才能开发代码;需要装两个插件flutter和Dart。安装flutter的过程中需要自动安装Dart。安装过程如下,在Android Studio的偏好设置中安如下图操作:

多个设备时

图片 2

flutter run -d $devicename

图片 3

以release 模式运行

创建第一个flutter项目

flutter run --release

创建项目可以通过命令行创建,也可以通过Android Studio创建,本文先使用命令行创建,后续文章会使用Android Studio创建。执行如下命令:

flutter自带图标在这里查询

flutter create my_app

进入创建的项目

cd my_app

运行项目,执行如下命令:

flutter run

你可以会遇到如下提示:

No connected devices.
​
Run 'flutter emulators' to list and start any available device emulators.
​
If you expected your device to be detected, please run "flutter doctor" to diagnose
potential issues, or visit https://flutter.dev/setup/ for troubleshooting tips.

意思是说没有找到连接的设备,不知道项目执行到哪里。可以执行flutter emulators 查看模拟器列表。执行一项得到如下信息:

 ~/my/flutter/my_app $ flutter emulators
2 available emulators:
​
4.7_WXGA_API_28 • 4.7in WXGA • Generic • 4.7 WXGA API 28
apple_ios_simulator • iOS Simulator • Apple
​
To run an emulator, run 'flutter emulators --launch <emulator id>'.
To create a new emulator, run 'flutter emulators --create [--name xyz]'.
​
You can find more information on managing emulators at the links below:
 https://developer.android.com/studio/run/managing-avds
 https://developer.android.com/studio/command-line/avdmanager

我的机器上有两个可用模拟器7_WXGA_API_28 和 apple_ios_simulator 我们启动其中一个,我选择的是iOS模拟器,执行如下命令:

 ~/my/flutter/my_app $ flutter emulators --launch apple_ios_simulator

之后再执行flutter run 即可启动项目。

 ~/my/flutter/my_app $ flutter run

如下图:

图片 4

代码热部署

在我们开发Android或者iOS原生项目的时候,每次修改代码都需要重新启动程序查看修改效果,flutter不需要这么做,在你修改完代码之后,只需要在命令行中安下r键即可部署代码。开发体验十分舒适。你可以尝试修改lib/main.dart文件下的代码,如95行You have pushed the button this many times:', 尝试修改文案,在命令行中按下r 看一看效果,这里就不贴图了。

总结

OK,本文要将的内容已经完结,不知道你看了之后自己的环境是否搭建好了,是否创建了你的第一个flutter项目,是否体验了代码热部署。如果你有任何问题可以关注我的公众号,给我留言,我会第一时间帮你解答。

下面一篇文章我将讲一下使用flutter做一个简单的列表。

本文由必发88官网发布,转载请注明来源:常用命令,一点一滴学习Flutter