Windows下flutter环境搭建

1. jdk安装与配置

        1.1 jdk下载

                下载地址:Java Downloads | Oracle 中国

                选在对应的版本,如下图

                

选择jdk版本以及平台,Archive为完整的包下载解压配置环境变量即可,这里下载Archive并解压,将解压后的文件夹复制到指定的目录下

1.2 配置环境变量

桌面选在“此电脑”-> 鼠标右建选择“属性” -> 选择“系统”->"高级系统设置"->"环境变量"->新建系统变量“JAVA_HOME”

变量值为jdk的目录

1.3 添加系统变量

双击Path,添加bin

确定->确定->应用->确定

测试jdk是否安装完成,新开cmd命令窗口,输入java --version,正常输出配置完成

2. flutterSDK安装与配置

        2.1 下载

        在中国网络环境下使用 Flutter | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

        

选择需要的版本下载,下载完成解压并将目录复制到需要的目录下

2.2 配置环境变量

系统变量Path中添加%FLUTTER_HOME%\bin

国内还需要配置两个环境变量提高依赖下载速度

FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn

PUB_HOSTED_URL The official repository for Dart and Flutter packages.

确定完成

3. 安装AndroidStudio

下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers

下载完成双击安装一路向下

安装完成打开AndroidStudio

装flutter和dart插件,选择Plugins

配置AndroidSDK

将勾选的全部安装

安装SDK

4. 安装visual studio

适用于 Windows、Mac 和 Linux 的 Visual Studio 和 VS Code 下载

下载完成双击安装

安装过程一定勾选

如果初次没有安装,可以再点击安装程序选在“修改”添加安装即可

5.检查环境是否安装完成

新开命令行工具,输入 flutter doctor

github不用管,国内原因,如果有其他问题,可以百度进行解决

6. 安装VSCode

https://code.visualstudio.com/Download

安装fullter插件,红色方框中的插件

7. 新建项目

AndroidStudio新建flutter项目

配置gradle的仓库地址

distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.12-all.zip

将截图中的替换为上面的地址

maven { url = uri("https://maven.aliyun.com/repository/gradle-plugin") }
        maven { url = uri("https://maven.aliyun.com/repository/google") }
        maven { url = uri("https://maven.aliyun.com/repository/public") }
        maven { url = uri("https://maven.aliyun.com/repository/jcenter") }

在下方截图中指定的位置添加

maven { url = uri("https://maven.aliyun.com/repository/gradle-plugin") }
        maven { url = uri("https://maven.aliyun.com/repository/google") }
        maven { url = uri("https://maven.aliyun.com/repository/public") }
        maven { url = uri("https://maven.aliyun.com/repository/jcenter") }

下方截图指定位置添加

8. 运行项目

手机打开debug模式,不同的手机需要自行搜索,然后执行flutter run运行到手机上,时间有点儿长,gradle编译慢,之后就不会慢了(天国万岁)flutter run -v

运行成功

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值