你瞅啥呢

2024-03-05 flutter学习笔记(win10环境之创建第一个flutter应用)

flutter 官网:https://docs.flutter.dev/

flutter github:https://github.com/flutter/flutter

flutter官方开源项目(flutter gallery):https://github.com/flutter/gallery

flutter 中文网:https://book.flutterchina.club/chapter1/install_flutter.html

简介:谷歌开源的移动应用框架,使用Dart开发,支持Android、iOS、Web以及桌面应用开发。

ps:flutter官方开源项目可能需要你打开开发者模式,以及下载Android sdk 31。关于这个项目,我推荐看这篇文章:https://blog.csdn.net/shulianghan/article/details/115038182

 

我的flutter开发环境👇

操作系统:win10

app 打包:Android Studio

app 编程:Vscode(其实个人觉得还得是用as来编程较好一些,vscode要安装一些插件,显得比较繁琐)

 

一:下载flutter sdk👉https://docs.flutter.dev/release/archive?tab=windows

 

我下的这个,下完,把它解压到某个盘里,注意这个盘最好有400兆以上空间且不要安装在一些权限级别较高的系统文件夹里面。

可参考我的,解压完如下:

 二:配置用户变量

检查一下:flutter和dart

 注:flutter的sdk里包含了dart的sdk,所以如果是第一次配置就不用下dart的sdk

三、使用as创建flutter应用

创建前,你的as需要安装dart和flutter两个插件,如图:

 把这两玩意装上,然后重启一下as

ok,重启完,点击New Flutter Project

 左侧选择Flutter,右侧flutter sdk路径填一下,点Next↓

 随便填一下,Create

创建完成,来看一下项目结构:

好,运行一下,注意要连接手机

 很好!成功的抛出了第一个错误:

 Connection timed out: connect 连接超时

 原因:连接国外的包超时导致运行失败...

 解决方案:配置国内镜像,找到android文件夹里的build.gradle文件,一般就在前几行,把google()替换成国内镜像 

maven {
         url 'https://maven.aliyun.com/repository/public/'
}
mavenLocal()

如图👇

然后把项目\android\gradle\wrapper文件夹中的gradle-wrapper.properties文件修改一下路径

原来的
distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip

换成腾讯云的
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-7.3.3-bin.zip

ps:请根据运行实际情况来,它如果提示你需要7.4以上版本的gradle那就改成7.4的

注意,请用adb devices来检测电脑获取是否到手机设备号,如果adb报错那么就无法运行起来

 ok

 

posted @   叶乘风  阅读(123)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
点击右上角即可分享
微信分享提示