zl程序教程

您现在的位置是:首页 >  其他

当前栏目

Flutter和Dart的安装配置

2023-06-13 09:13:03 时间

windows下搭建Dart环境,开发工具配置及运行。

一,下载Dart并安装

  1. 下载地址:http://gekorm.com/dart-windows/
  1. 下载完成之后,双击打开软件下一步进行安装。
  1. 安装完成之后,打开终端控制台,输入dart --version 查看是否安装完成
  1. 打开VSCode开发工具,安装Dart插件后,创建一个.dart后缀的文件,输入代码后右键运行,查看结果。
  1. 至此,Dart安装已完成。

windows下搭建Flutter Android 运行环境

一,下载安装JDK

  1. 安装教程https://blog.csdn.net/Marvin_996_ICU/article/details/106240065 或百度。

二,下载安装Android Studio

  1. 下载地址:https://developer.android.google.cn/studio
  1. 下载完成后,打开软件下一步进行安装

二,下载配置Flutter SDK

  1. 下载地址:https://flutter.cn/docs/get-started/install/windows
  1. 把下载好的Flutter SDK 随便解压到你想要安装SDK的目录(如:D:\flutter_windows_2.10.5-stable\flutter)
  1. 配置环境变量,找到Flutter文件下的bin目录复制,找到电脑环境配置在系统变量Path中添加一行D:\flutter_windows_2.10.5-stable\flutter\bin 后点击确定

四, 配置Flutter国内镜像

  1. 搭建环境过程中要下载很多的资源文件,当一些文件下载不了的时候,会报各种错,在国内访问Flutter的时候有可能会受到限制,Flutter官网为我们提供了国内的镜像。
  2. 进入Flutter中文网https://flutter-io.cn/,下拉到最下面,找到"使用镜像",把下面两句配置到新建环境变量中。
  3. 变量名:FLUTTER_STORAGE_BASE_URL 变量值: https://storage.flutter-io.cn
  4. 变量名:PUB_HOSTED_URL 变量值:https://pub.flutter-io.cn

五, 运行 flutter doctor 命令,检测环境是否配置成功。

  1. 第一次运行的时候,可能会提示以下错误,这时候按照教程执行flutter doctor --android-licenses 命令即可
  1. 执行完以上命令后,可能会报以下错误。
  1. (如果已打开软件可跳过这一步,直接看下方【解决报错】) 这时候打开已安装的Android软件,创建flutter项目,第一次打开页面可能不一样,找到New Project 选择Flutter,点击下一步即可(输入flutter_demo项目名flutter Sdk地址等其他过程已省略)
  1. 创建完成后,需要重新导入项目,找到刚才创建项目下的android点击OK,第一次打开需要下载很多文件包,可能需要时间。
  1. 【解决报错】,现在继续解决刚才的报错。打开软件,点击左上角Fille后选择Settings,找到如下图位置;将未勾选的勾选,如未显示,请将Hide Obsolete Packages勾选去掉即可。下载完成后,finish就可以了。

  1. 之后再运行flutter doctor --android-licenses ;提示输入Y/N的地方全部输入Y。之后再运行flutter doctor,就可以看到错误没有了。

到此Flutter配置基本完成了,后续有问题再更新吧。