FlutterABC系列之一

发表于 更新于

Flutter的目标绝非仅限跨移动端平台开发 它更有野心去统一当前移动端与ChromeBrowser甚至之后的FuchsiaOS的体验 所以现在有空就学起来吧!

安装

笔者环境macOS(Mojave 10.14.4)

注意: 无论什么博客都没有官方文档整理的及时且全面

  1. 从这里下载最新的FlutterSDK并解压到一个平时不会去随意篡改的目录
  2. 为了使IDE能检测到Flutter将解压目录中的flutter/bin路径添加到环境变量~/.bash_profile
  3. 因为众所周知的原因 在国内加载FlutterSDK会慢很多甚至根本不能加载 如何解决这个问题? 需要在环境变量中继续配置
    1
    2
    3
    4
    ..
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    ..
  4. 刷新配置使新环境变量生效 
    1
    $ source ~/.bash_profile

这样Flutter的配置就完成了
我们来试着运行下FlutterDocker检测开发环境是否没有配置完整

1
$ flutter doctor

可以看到这边已经全部配置完全可以开始开发
如果有某项没有配置好 Doctor会提示并且有命令行参考
一步步解决即可

  • Dart
    Dart作为Flutter核心的编程语言使用Homebrew安装 
    1
    2
    $ brew update
    $ brew install dart
    安装完成将Brew包下的Dart配置到环境变量中
    一般是/usr/local/Cellar/dart/<version>/bin

选择一个IDE


Google官方推荐使用VS Code与Android Studio
二者各有优劣大家选择一款自己顺手的即可, 笔者目前使用的是VS Code

  • 配置VS Code
    进入插件市场
    安装Dart与Flutter插件

  • 创建新项目
    进入菜单栏的View标签 点击Command Palette输入flutter会如图出现命令列表 点击New Project创建一个新项目

运行

项目创建完成 在有设备连接或者虚拟机存在的情况下 在菜单处选择Debug继续点击Start Debuging或者直接按下F5开始运行项目

太棒了! 运行成功 接下来我们就可以开始更进一步的学习 (ﾟ▽ﾟ)/

End