今天看啥  ›  专栏  ›  涨月薪

macOS Flutter的从0到1

涨月薪  · 掘金  ·  · 2019-09-25 04:42
阅读 83

macOS Flutter的从0到1

第一步 下载Flutter sdk

需翻墙:flutter.dev/docs/develo…

无需翻墙:github.com/flutter/flu…

第二步 解压sdk 放在资源库目录下

打开终端输入: open ~/Library

将解压好的flutter文件夹复制到该目录下

第三步 将bin路径加入到环境变量中

使用vscode打开~/.bash_profile 文件

(如何使用vscode打开文件)

  • 打开vscode
  • shift + command + P打开命令面板
  • 选择下图命令

安装成功后,打开终端输入:code ~/.bash_profile

第四步 在~/.bash_profile中添加如下配置

export PATH=~/Library/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码

第五步 保存文件 更新当前配置

执行命令:source ~/.bash_profile

第六步 验证flutter/bin目录是否在PATH中

执行命令:echo $PATH

安装成功, 会输出类似/Library/flutter/bin:路径

第七步 安装开发工具

Android Studio: developer.android.com/studio/?hl=…

Xcode: 在App Store搜索最新版本Xcode下载安装即可

第八步 配置开发工具

Android Studio

  • 打开配置
  • 选择Plugins 安装 Flutter插件(同时自动安装Dart插件)
  • 安装一个模拟器

  • Vscode 点击F5 选中安装好的终端

Xcode

  • 安装CocoaPods 打开终端:sudo gem install cocoapods

CocoaPods是专门为iOS工程提供对第三方库的依赖的管理工具,通过CocoaPods,我们可以更方便地管理每个第三方库的版本,而且不需要我们做太多的配置。直观、集中和自动化地管理我们项目的第三方库。

  • 执行flutter doctor 检查状态 并按提示操作

  • 激活一个模拟器

第九步 启动flutter项目

  • 打开Vscode F5 选中要执行的设备(已iphone为例)

  • 打开要运行的flutter项目终端
  • 检查模拟器 执行命令:flutter devices 如下图:

  • 启动项目 执行命令: flutter run
  • 等待模拟器启动项目成功



原文地址:访问原文地址
快照地址: 访问文章快照