美文网首页
Mac 搭建flutter环境,使用VSCode 跑flutte

Mac 搭建flutter环境,使用VSCode 跑flutte

作者: 客子雪姬 | 来源:发表于2023-06-20 10:33 被阅读0次

Flutter 由 Google 的工程师团队打造,用于创建高性能、跨平台的移动应用。Flutter 针对当下以及未来的移动设备进行优化,专注于 Android and iOS 低延迟的输入和高帧率。

Flutter 可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、快速、jitter-free 的 app 体验。

Flutter 的主要组件:

一个高度优化, mobile-first 2D 渲染引擎 (保护对 text 优秀的支持)

一个 functional-reactive 框架 (可选的,你也可以引入你自己的框架)

一组 Material Design 部件 (可选的,你也可以引入你自己的部件) 库 ,工具,和一个用于 Atom 的插件。

一. 首先在Mac 上配置flutter环境

1. 下载Flutter Sdk

官方地址:

https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

下载完成后,解压出flutter,放在准备好的目录,这个路径接下来要用

2. 配置路径

终端open ~/.zshrc ,如果找不到则创建一个vim ~/.zshrc

编辑文件,

export PATH=$PATH:/flutter目录/bin  (flutter的环境变量)

export PATH=$PATH:/flutter目录/bin/cache/dart-sdk/bin  (dart的环境变量)         

将自己的flutter目录对应配置上去,保存。

终端flutter -- version就能看到版本信息了

二. VSCode 运行项目

1. flutter 打开或者创建项目

2. Xcode 打开模拟器,作为iOS运行设备,VSCode 底部蓝条显示可用设备

3. 汉化VSCode , command +shift +p 全局搜索language ,选择configure display Language, 添加cn ,重启flutter,汉化完成

4. 导入flutter、Dart等需要的扩展

6. flutter命令行输入 flutter run ,将会运行在你的设备上,首次运行时,这个过程中,可能需要pod repo update, 那么考验网速的时候到了。

相关文章

网友评论

      本文标题:Mac 搭建flutter环境,使用VSCode 跑flutte

      本文链接:https://www.haomeiwen.com/subject/ogyyydtx.html