Flutter环境安装详细介绍,Mac+Windows

简介: Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。

必备环境


  • 通用



  • Windows



安装步骤:


  1. 下载对应系统的Flutter SDK:flutter.dev/docs/get-st…


也可以去Flutter项目的Github仓库里下载,但哪种方式下载速度都不是特别快,将就一下吧,没办法。


  1. 下载完SDK后就可以把Flutter SDK解压到任意目录下了


这个目录位置很重要,下一步也要用到,我建议不要放太深,Mac的话就放到 ~/ 下,Windows就放到某个C或D盘下


  1. ★设置环境变量,加个星,这一步很关键


假设刚才你按照我说的把Flutter SDK放到了 mac ~/ 或者 windows的C盘下了


  • macOS下设置环境变量


打开终端
输入 nano ~/.bash_profile
添加以下这行
export PATH=~/flutter/bin:$PATH


  • Windows10下设置环境变量


打开”我的电脑>控制面板>用户帐户>用户帐户>更改我的环境变量“
在“用户变量”下检查是否有名为“Path”的条目:
如果该条目存在, 追加 C:\flutter\bin ,使用 ; 作为分隔符。
如果条目不存在, 则创建一个新用户变量 Path ,然后输入 C:\flutter\bin 作为它的值。
★重启Windows以应用此更改

Flutter在国内访问比较慢,甚至无法打开官网,所以我们还是使用镜像站


添加镜像站的全局变量


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


  1. 前三步如果都正确完成了的话,这时我们可以使用命令行输入以下命令


flutter doctor


  1. 现在还没有完成,你会看到不少x,但起码不用慌张了,因为有flutter doctor了,只要仔细看提示,缺什么下什么即可。


很慢,别慌,就是那么慢,耐心等待。


  • 最后的最后,把x的项目都补齐了,你就会看到以下画面


bbbb5679896303d9a638429cea7517c.png


  • 非常的舒服有木有!


用什么编辑器写代码大家随意,我更推荐使用VS Code,并且大家装上Flutter的官方插件,就有代码提示,调试,编译的工具条


483b1b795e791f355bbdbe797cb6277.png


不想安装Flutter环境,也可以在线玩玩看

相关文章
|
14天前
|
编解码 Linux Android开发
安卓投屏神器 Scrcpy 安装与使用(支持 Mac、Windows、Linux)
安卓投屏神器 Scrcpy 安装与使用(支持 Mac、Windows、Linux)
313 0
|
14天前
|
前端开发 Linux iOS开发
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
【4月更文挑战第30天】Flutter扩展至桌面应用开发,允许开发者用同一代码库构建Windows、macOS和Linux应用,提高效率并保持平台一致性。创建桌面应用需指定目标平台,如`flutter create -t windows my_desktop_app`。开发中注意UI适配、性能优化、系统交互及测试部署。UI适配利用布局组件和`MediaQuery`,性能优化借助`PerformanceLogging`、`Isolate`和`compute`。
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
|
14天前
|
Linux Windows
Windows、Mac、Linux解决端口被占用的问题
Windows、Mac、Linux解决端口被占用的问题
31 1
|
14天前
|
Shell 网络安全 开发工具
mac或windows下的git环境配置
mac或windows下的git环境配置
49 0
|
14天前
|
Dart Shell 开发工具
解决windows安装Flutter时出现Unknown operating system. Cannot install Dart SDK.问题
解决windows安装Flutter时出现Unknown operating system. Cannot install Dart SDK.问题
|
14天前
|
NoSQL 关系型数据库 MySQL
Windows、Linux、Mac安装数据库(mysql、MongoDB、Redis)#0
不同系统下进行MySQL安装、MongoDB安装、Redis安装【2月更文挑战第5天】
455 5
Windows、Linux、Mac安装数据库(mysql、MongoDB、Redis)#0
|
14天前
|
Windows
2024最新Melodyne Studio 5.3.1 Windows版&Mac版
Melodyne Studio是一款专业音频编辑软件,由Celemony公司开发。
|
14天前
|
Unix Linux Shell
【文件格式问题】文件格式 Windows、Unix/Linux、Mac 导致的问题及处理(idea 或 notepad++ 档案格式转换方法)
【文件格式问题】文件格式 Windows、Unix/Linux、Mac 导致的问题及处理(idea 或 notepad++ 档案格式转换方法)
66 0
|
14天前
|
Linux Shell 开发工具
Git 安装和配置教程:Windows - Mac - Linux 三平台详细图文教程,带你一次性搞 Git 环境
Git是一款免费、开源的分布式版本控制系统,广泛应用于软件开发领域。随着开源和云计算的发展,Git已经成为了开发者必备的工具之一。本文将为大家介绍Git在Windows、Mac和Linux三个平台上的安装和配置方法,带你一次性搞定Git环境
1696 0