1、Android Studio

1.1 、Android Studio 是谷歌推出的一个Android集成开发工具

下载地址:https://developer.android.google.cn/studio

2、Flutter SDK

2.1、Flutter SDK 下载
下载地址:https://flutter.dev/docs/development/tools/sdk/releases#windows
在这里插入图片描述

在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,可以去Flutter github项目下去下载安装包 。

github下载地址:https://github.com/flutter/flutter/releases
在这里插入图片描述

注:Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart
在这里插入图片描述

2.2、将安装包zip解压到你想安装Flutter SDK的路径

2.3、启动flutter命令行
在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
在这里插入图片描述

2.4、更新环境变量
2.4.1、控制面板>用户帐户>用户帐户>更改我的环境变量
2.4.2、在用户变量下配置Path
2.4.3、在用户变量下配置PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL
配置为:PUB_HOSTED_URL: https://pub.flutter-io.cn
注:https://pub.flutter-io.cn 国内镜像 Flutter 社区
在这里插入图片描述

2.5、 命令
2.5.1、flutter命令

3、安装插件

在Android Studio ---->File---->Settings---->Plugins
3.1、安装Flutter插件
在这里插入图片描述
在这里插入图片描述

3.2、安装Dart插件
在这里插入图片描述

4、web开发配置

4.1、安装idea开发工具
下载地址:https://www.jetbrains.com/idea/download/#section=windows
在这里插入图片描述

4.2、配置环境变量
4.2.1、在path下添加dart
在这里插入图片描述

4.2.2、安装 webdev 工具
我们需要官方提供的 webdev 工具来为我们编译,运行下面的命令

$ flutter packages pub global activate webdev

在这里插入图片描述

查看是否安装成功

在这里插入图片描述

4.3、创建项目
4.3.1、选择dart
4.3.2、配置dart sdk
4.3.3、点击next
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

开发教程地址:https://flutterchina.club/web-analogs/

5、DartVM 服务端

5.1、配置相关配置
5.2、代码
在这里插入图片描述
在这里插入图片描述

分享个外卖领券小程序,还可以领其他优惠券。
在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐