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

相关文章
|
4月前
|
网络协议 Linux 网络安全
微软工程师偷偷在用!这款SSH工具让Windows操控CentOS比Mac还优雅!
远程登录Linux服务器是管理和维护服务器的重要手段,尤其在远程办公、云服务管理等场景中不可或缺。通过工具如XShell,用户可以方便地进行远程管理。SSH协议确保了数据传输的安全性,命令行界面提高了操作效率。配置XShell连接CentOS时,需确保Linux系统开启sshd服务和22端口,并正确设置主机地址、用户名和密码。此外,调整字体和配色方案可优化使用体验,解决中文显示问题。
221 21
微软工程师偷偷在用!这款SSH工具让Windows操控CentOS比Mac还优雅!
|
4月前
|
安全 Windows
最新Typora1.9.5破解版下载与使用教程(Windows+Mac)
Typora是一款Markdown编辑器和阅读器。下载地址:[夸克网盘](https://pan.quark.cn/s/9d9d668fb859)。Windows版需替换`app.asart`文件并输入序列号激活;Mac版安装简单,下载后按提示操作,允许任何来源即可。具体步骤见文中图片说明。
1478 1
|
8月前
|
存储 编解码 搜索推荐
如何在Windows和Mac上免费将蓝光转换为MKV?
蓝光光盘因能提供高质量的视频和音频内容而备受青睐,但其使用上的局限性却不容忽视。相比之下,MKV作为一种广受支持的视频格式,与大多数播放设备和平台都能完美兼容,为用户带来了更大的便利性和灵活性。
|
9月前
|
Java 开发工具
鸿蒙Flutter实战:02-Windows环境搭建踩坑指南
本指南介绍如何搭建鸿蒙Flutter开发环境,包括下载Flutter SDK、配置环境变量(如FLUTTER_STORAGE_BASE_URL、PUB_HOSTED_URL、DEVECO_SDK_HOME等)和检查工具版本。还提到避免项目路径过深、与SDK同盘存放等注意事项,以及解决VsCode无法识别设备的方法。
269 0
|
9月前
|
Unix Linux iOS开发
【换行符】Windows、Unix、Mac不同操作系统的回车符\r和换行符\n
【换行符】Windows、Unix、Mac不同操作系统的回车符\r和换行符\n
|
10月前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
262 59
|
10月前
|
iOS开发 MacOS Windows
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
|
10月前
|
Web App开发 开发工具 Android开发
【Flutter】Flutter安装和配置(mac)
【Flutter】Flutter安装和配置(mac)
|
11月前
|
JavaScript 前端开发 Shell
mac和windows上安装nvm管理node版本
NVM(Node Version Manager)是前端开发者常用的命令行工具,用于管理计算机上的不同Node.js版本。通过NVM,开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上,可以通过cURL或Wget下载安装脚本,或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。
|
11月前
|
芯片 iOS开发 MacOS
Mac上运行windows软件-GPTK
Mac上运行windows软件-GPTK
427 1