Flutter入门(二):创建&运行Dome

348 阅读2分钟

Flutter入门(一):环境搭建ForMacOS(AS+VS)

一、 Create Dome

使用命令进行快速创建

 flutter create fdome_1

其中fdome_1的首字母药要小写,大写会报错,无法创建项目,Flutter不搞驼峰命名。

项目常规创建完成后,项目默认语言iOS是Swift,Android是Kotlin,使用-i-a可以指定个平台默认创建语言。

0-defaultLanguage_batch.jpg

添加参数-i创建OC的Flutter项目

flutter create -i objc  fdome_1

二、运行项目

2.1 运行iPhone Simulator

cdfdome_1目录,运行命令启动Dome,要先动模拟器,否则No supported devices connected.

$ open -a simulator 
$ flutter run

2.2 运行Android Simulator

运行到Android模拟器同理,先启动模拟器,然后运行项目即可。

安卓模拟器试了好几个,最终还是用了网易MuMU比较省心。夜神动不动99卡死了,启动virtual box也不管用,真的是闹死心,启动10次,其中9次99%卡死。

2.2.1 运行Gradle卡死

Gradle会在运行到Android时自动下载,但是服务器在国外,所以修改2个位置,添加阿里云的国内镜像:

  1. build.gradle
    • 文件位置:项目->android/->build.gradle
  2. flutter.gradle
    • 文件位置:~/flutter/packages/flutter_tools/gradle/flutter.gradle

将上述2个文件中的

google()
jcenter()

替换为

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

2.3 运行到真机

运行到iPhone真机时,第一次要用Xcode进行签名。过程同iOS项目一样,修改Bundle Identify,选择合适的证书,然后运行⌘+R项目,第一次成功之后就可以使用终端的快捷命令进行任意的调试运行了。

1-CommandKey_batch.jpg

三、Code of Dart

关于Dart语言的详细介绍及开发文档到Dart中文官网或者Dart编程中文网进行查阅。

编写Dart代码的位置在项目中的lib下,项目创建就有main.dart,这是Flutter的入口函数,lib文件夹下也就是编写dart代码的位置。

void main()函数中可以写一些dart语言相关代码,然后通过cmd+点击进入查看注释,便于学习。


Flutter入门(一):环境搭建ForMacOS(AS+VS)

如果文章整理的内容对你有帮助,请点个赞喔!👍

传送汇总资源

Dart中文官网
Dart编程中文网