美文网首页
Windows下安装配置Flutter

Windows下安装配置Flutter

作者: dlihasa | 来源:发表于2018-10-19 15:29 被阅读460次

获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,点击下载
    如果官网无法打开,也可以去Flutter github项目下去下载安装包 (我是在这里下载的)。
  2. 将安装包zip解压到你想安装Flutter SDK的路径(如:E:\flutter注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。
  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

配置环境变量

要在终端运行 flutter 命令, 你需要添加以下环境变量到系统PATH:

  • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.

到这里基本的环境变量就配置完成了,但是,由于一些flutter命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 所以作为国内使用者还需要配置google为国内开发者搭建的临时镜像PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL。

  • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们,对应的值如下:

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置完成.png

运行 flutter doctor

打开一个新的命令窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:

flutter doctor

然后我的就报错了,错误如下:

Error: The Flutter directory is not a clone of the GitHub project.
       The flutter tool requires Git in order to operate properly;
       to set up Flutter, run the following command:
       git clone -b beta https://github.com/flutter/flutter.git

告诉我不是一个github工程的克隆版本,那我下载下来了你要我下载的东西,但是你告诉我不是一个clone,寻求伟大的互联网之后知道需要将本地目录创建仓库生成git文件,这样就可以了,然后执行flutter doctor,艾玛,貌似是安装好了,但是有问题:

(1)首先说第一个红框,嗯,安转完成检验过程中标准的软件+版本号,有了,ok。
(2)但是下面红框中貌似是有问题的,Android Studio<version 2.1>和Android Studio<version 3.0>这两个下面本来是都有一个plugin not installed,但是截图的时候3.0的已经改好了。这里其实是因为我电脑上装了两个版本的Android Studio,提示我这两个版本下面都没有安装Flutter的插件,因为我只用3.0的所以在3.0中搜索一下Flutter插件下载安装即可(中间因为依赖Dart,也会下载Dart的插件),安装完成记得重启studio和命令行,不重启的话命令行窗口这种东西是不会反馈最新的结果的。
(3)android sdk也存在missing问题,下载并配置sdk配置环境变量即可。

  • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
如何运行Flutter程序

运行Flutter程序有两种方式。

(1)第一种方式,这里假设有个Flutter程序,它的目录名为FlutterDemo,那么我们只需要在FlutterDemo目录下执行flutter run即可,当然必须通过USB连接设备才可以,这里可以选择iOS和Android手机,当然也可以选用模拟器。
(2)第二种运行方式就是通过IDE来运行程序,比如AndroidStudio和IntelliJ的Run按钮。

如何开发Flutter程序
  • Flutter可以使用如下三个IDE来开发程序

     Android Studio
     IntelliJ
     Visual Studio Code
    

Google并没有打算支持xcode,这或许对iOS用户不太友好。
对于Android同学来说,肯定是选择Android Studio或者IntelliJ来开发程序了,记得前面没装插件的装插件哦~

参考:
Flutter中文网
如果遇到提示更新sdk时可参考:https://blog.csdn.net/liy010/article/details/82078484(其实就是更新了sdk下带的tools文件夹)
相关推荐:
https://www.jianshu.com/p/399c01657920

相关文章

网友评论

      本文标题:Windows下安装配置Flutter

      本文链接:https://www.haomeiwen.com/subject/pbwyzftx.html