大道至简,知易行难
广阔天地,大有作为

Flutter速成(一)环境搭建及存量项目的使用

Flutter目前处于快速演进中,对新手来说的话坑非常多,有必要全面总结。本文针对Windows环境,存量项目的使用。

从官网(https://flutter.dev/docs/development/tools/sdk/releases#windows)下载SDK,在国内的话配置镜像的环境变量:

将Flutter的bin路径增加到PATH中,例如:

将Flutter SDK的路径加入到PATH环境变量

将Flutter SDK的路径加入到PATH环境变量

使用flutter console运行flutter doctor:

有问题的flutter doctor执行结果

有问题的flutter doctor执行结果

把所有问题解决:

flutter doctor

flutter doctor

注意,Flutter中包含了Dart SDK,我们无需、也不能替换Flutter安装路径里面的Dart SDK

对于前文开始时的错误而言,其原因在于Android Studio中没有安装Flutter和Dart插件,我们只需要将其安装上,并配置Flutter SDK和Dart SDK的路径即可:

在IDEA/Android Studio中安装Flutter和Dart插件

在IDEA/Android Studio中安装Flutter和Dart插件

 

在IDEA/Android Studio中配置Flutter SDK

在IDEA/Android Studio中配置Flutter SDK

在IDEA/Android Studio中配置Dart SDK

在IDEA/Android Studio中配置Dart SDK

如果在国内的话,需要修改Flutter SDK目录中的flutter.gradle文件,路径形如:

将其中的:

修改为:

然后将其中的:

修改为:

修改flutter.gradle

修改flutter.gradle

以此来解决各种各样的网络问题,否则会报诸如下面这些各种报诡异的错误(请注意,下面的这个地址搭梯子是可以访问到的,但是Flutter中有时死活不行,怀疑与超时时间有关,不如直接用镜像):

网络问题导致的诡异错误

网络问题导致的诡异错误

修改项目中android/build.gradle文件:

修改android/build.gradle

修改android/build.gradle

对于已有项目而言,在项目根目录运行:

基本上就可以正常使用了。其他常用的命令还有:

 

转载时请保留出处,违法转载追究到底:进城务工人员小梅 » Flutter速成(一)环境搭建及存量项目的使用

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址