一、访问Flutter官网

首先,我们需要访问Flutter官网或者Flutter中文官网
找到下面图片中的位置在这里插入图片描述
然后点击下载flutter压缩包
在这里插入图片描述

二、解压flutter压缩包

下载完成后解压至C盘或者其他盘任意位置,例如D:/flutter
右键点击此电脑——属性
选择高级系统设置
在这里插入图片描述选择环境变量

在这里插入图片描述

选择系统变量中的Path
在这里插入图片描述
点击新建输入D:\flutter\bin目录

在这里插入图片描述

在这里插入图片描述
一直点击确定,然后退出到桌面

三、验证flutter安装是否成功

同时按住Win+R,输入cmd
在这里插入图片描述
进入命令行页面,输入flutter doctor然后回车,然后等待

flutter doctor

此时可能会报错
在这里插入图片描述
第一个和第二个是因为没有安装开发工具,可以不用管
第三个错误是在中国大陆,资源无法访问

现在来解决第三个错误
同时按住Win+X,然后点击终端管理员,仅限Win11用户,其余用户自行尝试
在这里插入图片描述

分别在命令行输入下面两段代码

 [Environment]::SetEnvironmentVariable("FLUTTER_STORAGE_BASE_URL", "https://storage.flutter-io.cn", "User")
 [Environment]::SetEnvironmentVariable("PUB_HOSTED_URL", "https://pub.flutter-io.cn", "User")

然后重新进入环境变量查看,用户变量中有下面两条则设置环境变量成功
在这里插入图片描述在这里插入图片描述

然后再次运行flutter doctor命令
到此就成功解决了这个问题

然后可以使用命令查看flutter和dart版本

flutter --version

在这里插入图片描述

dart --version

在这里插入图片描述
版本与前面一致,没有问题

四、使用flutter创建一个项目

打开VS Code,点击查看——命令面板
在这里插入图片描述
输入flutter选择新建项目
在这里插入图片描述选择应用
在这里插入图片描述
新建文件夹flutter_application_test,选择该文件夹项目名flutter_application_1并按回车创建
在这里插入图片描述
右侧变为图中样子则创建成功
在这里插入图片描述
等待项目初始化完成,在终端输入flutter run

flutter run

在这里插入图片描述
在这里插入图片描述

至此,Flutter的安装和项目的创建全部成功

tips:
可以安装一下Flutter的扩展
在这里插入图片描述
本文作者能力有限,如有不足之处还望在评论区指出,开发者们可以一起进步。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐