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环境,也可以在线玩玩看

相关文章
|
17天前
|
Java 开发工具
鸿蒙Flutter实战:02-Windows环境搭建踩坑指南
本指南介绍如何搭建鸿蒙Flutter开发环境,包括下载Flutter SDK、配置环境变量(如FLUTTER_STORAGE_BASE_URL、PUB_HOSTED_URL、DEVECO_SDK_HOME等)和检查工具版本。还提到避免项目路径过深、与SDK同盘存放等注意事项,以及解决VsCode无法识别设备的方法。
34 0
|
2月前
|
iOS开发 MacOS Windows
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
|
28天前
|
Unix Linux iOS开发
【换行符】Windows、Unix、Mac不同操作系统的回车符\r和换行符\n
【换行符】Windows、Unix、Mac不同操作系统的回车符\r和换行符\n
|
2月前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
44 3
|
2月前
|
Web App开发 开发工具 Android开发
【Flutter】Flutter安装和配置(mac)
【Flutter】Flutter安装和配置(mac)
|
3月前
|
芯片 iOS开发 MacOS
Mac上运行windows软件-GPTK
Mac上运行windows软件-GPTK
171 1
|
3月前
|
JavaScript 前端开发 Shell
mac和windows上安装nvm管理node版本
NVM(Node Version Manager)是前端开发者常用的命令行工具,用于管理计算机上的不同Node.js版本。通过NVM,开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上,可以通过cURL或Wget下载安装脚本,或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。
295 0
|
3月前
|
文字识别 监控 Windows
Mac 常用软件、快捷健、常用操作 和 Windows 对比
Mac 常用软件、快捷健、常用操作 和 Windows 对比
37 0
|
5月前
|
Dart 开发工具 Android开发
在 Windows 操作系统上安装和配置 Flutter 开发环境
在 Windows 操作系统上安装和配置 Flutter 开发环境
119 0
|
6月前
|
前端开发 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`。
391 0
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践