export FLUTTER_HOME="/Users/zcw/dev/flutter"
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH=${FLUTTER_HOME}/bin:...:${PATH}

执行 flutter doctor

想要配置flutter web需要加入 Dart Sdk内置在Flutter的环境变量

export DART_HOME=/Users/admin/workspace_temp/flutter/bin/cache/dart-sdk/bin

我的个人环境变量

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home

export CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.

export MONO_HOME=/Library/Frameworks/Mono.framework/Versions/6.4.0

export ANDROID_HOME=/Users/admin/Library/Android/sdk

export FLUTTER_HOME=/Users/admin/workspace_temp/flutter

export DART_HOME=/Users/admin/workspace_temp/flutter/bin/cache/dart-sdk/bin

export PATH=$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$JAVA_HOME/bin:$MONO_HOME/bin:$FLUTTER_HOME/bin:$HOME/.pub-cache/bin:${DART_HOME}:$PATH:.

export LANG=zh_CN.UTF-8
export LC_ALL=en_US.UTF-8

这里需要注意一下，如果没有用flutter自带的dart-sdk而是单独安装，这里可能会因为dart版本与flutter版本不匹配而出现如下提示

Can't load Kernel binary: Invalid kernel binary format version. 
No active package webdev.

出现这种情况把dart卸载

brew uninstall dart

然后如前边所述将flutter内置的dart-sdk添加到环境变量就可以了。
启用flutter_web

flutter config --enable-web

出现如下提示

Setting "enable-web" value to "true".

接下来创建一个flutter项目

flutter create myapp
cd myap

可以看见目录下多了一个web文件夹里边是一个index.html

先看一下已连接的设备

➜  myapp flutter devices
3 connected devices:

macOS  • macOS  • darwin-x64     • Mac OS X 10.14.5 18F132
Chrome • chrome • web-javascript • Google Chrome 76.0.3809.132
Server • web    • web-javascript • Flutter Tools

在chrome里跑一下项目

flutter run -d chrome

包导入管理和总结

import 'package:flutter/material.dart';
import 'package:css_colors/css_colors.dart';
import 'package:flutter/animation.dart';
import 'package:url_launcher/url_launcher.dart';

用过的库

CSSColors ----> https://flutterchina.club/using-packages/#css-example

pubspec.yaml 文件

dependencies:
  url_launcher: '>=0.1.2 <0.2.0'
  collection: '^0.1.2'
  css_colors: ^1.0.0

iOS 相关

https://flutter.io/docs/get-started/install/macos

some times need fix:

brew update
brew uninstall --ignore-dependencies libimobiledevice
brew uninstall --ignore-dependencies usbmuxd
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller

vscode 运行getpackage 出错

解决办法用命令行:

flutter packages get

github 开源资料

https://github.com/flutterchina

社区

https://flutterchina.club/app/gm.html

用到的核心

skia https://skia.org/ (ios 没有打在包里,android系统自带)
Dart https://pub.flutter-io.cn/
JIT和AOT。


程序主要有两种运行方式：静态编译与动态解释。静态编译的程序在执行前全部被翻译为机器码，通常将这种类型称为AOT （Ahead of time）即 “提前编译”；
而解释执行的则是一句一句边翻译边运行，通常将这种类型称为JIT（Just-in-time）即“即时编译”。

AOT程序的典型代表是用C/C++开发的应用，它们必须在执行前编译成机器码，
而JIT的代表则非常多，如JavaScript、python等，事实上，所有脚本语言都支持JIT模式。

但需要注意的是JIT和AOT指的是程序运行方式，和编程语言并非强关联的，有些语言即可以以JIT方式运行也可以以AOT方式运行，如Java、Python，它们可以在第一次执行时编译成中间字节码、然后在之后执行时可以直接执行字节码，也许有人会说，中间字节码并非机器码，在程序执行时仍然需要动态将字节码转为机器码，是的，这没有错，不过通常我们区分是否为AOT的标准就是看代码在执行之前是否需要编译，只要需要编译，无论其编译产物是字节码还是机器码，都属于AOT。

在此，读者不必纠结于概念，概念就是为了传达精神而发明的，只要读者能够理解其原理即可，得其神忘其形。

https://github.com/MeandNi/Flutter_ZhiHu.git

https://github.com/flutterchina/flukit

https://github.com/flutterchina/dio

https://github.com/flutterchina

https://flutter-io.cn/docs/get-started/flutter-for/android-devs

官方实例

https://flutter-io.cn/docs/cookbook

官方动画实例

https://github.com/2d-inc/Flare-Flutter

游戏引擎

https://www.jianshu.com/p/6b11cb9d40c2

https://mp.weixin.qq.com/s/iC3HvgkkHLNa-kbEonXPLA