Flutter环境配置(Windows系统)

707 阅读2分钟

「这是我参与2022首次更文挑战的第20天,活动详情查看:2022首次更文挑战

Java jdk安装

  • 将名字为jre-8u221-windows-x64.exe的java安装包运行,安装目录自定义,最好在C盘。默认值一路点Next。
  • 打开cmd, 输入 java ,如果出现一大堆帮助命令则安装成功。

添加用户变量(可忽略)

  • 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
  • 不过安装包已经提前下载过了,此步可做可不做

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

Flutter sdk

  • 解压安装包 flutter_windows_v1.5.4-hotfix.2-stable.zip
  • 将文件夹放进一个自定义文件夹(不要将flutter安装到需要一些高权限的路径如C:\Program Files\),之后配置环境变量 :

我的电脑 ——> 右键属性 ——> 高级系统设置 ——> 高级 ——> 环境变量 ——> 系统变量 ——> path 点击"新建" ——> 输入路径(写到bin目录)

image.png

  • 打开cmd中输入 flutter --version,得到版本号。
  • 输入flutter doctor,出现的选项中只有第一项 Flutter项显示对号,这是正常情况。

image.png

Android Studio安装

  • 运行文件 android-studio-ide-183.5692245-windows.exe,下一步一直点,安装完成后打开。
  • 打开时如果遇到一些需要输入账号或者协议什么的,可以点cancel,软件照样运行。中途的简单配置随便写,直到遇到SDK下载页面点击finish,下载需要一些过程。
  • 完成后,Configure->plugins->搜索flutter,然后install。 ![Android SDK 下载]

image.png

安卓协议

  • cmd再次运行flutter doctor,这次当中Android Studio的选项也会有对号
  • 找到协议那一项,复制那句关于liscenses的命令后回车,遇到选择项一路走y,则协议成功。

image.png

安卓模拟器

  • 打开Android Studio,点击 new Flutter project创建项目,其中project location设置项目路径,其他一路next。

  • 进入项目,菜单栏tool ——> AVD Manager,create,选择手机Nexus 5,安卓版本安装9.0。然后一路到底,点击小三角符号,启动虚拟机。

  • 安装结束再次运行 flutter doctor,所有的选项都会完成。

VScode

  • 我们可以使用VScode开发,在插件中安装 dart 和flutter
  • cmd命令行创建项目 flutter create xxx,(xxx是项目名)。记得路径上不要有中文
  • 项目创建完成后根据命令提示, cd 项目名,flutter run就可以启动项目了。注意VScode的右下角看到 No device选项,可连接模拟器。

image.png

Flutter下载地址: flutter.dev/docs/develo… flutter.dev/docs/get-st…

Android Studio下载地址,注意windows和mac的版本。 developer.android.com/studio/ www.android-studio.org/