from Web to Flutter

基础知识

dart

从 javascript 到 dart
`${a}` ==> '$a' or '${a}'

flutter

commands

package.json ==> pubspec.yarml

yarn add xxx ==> flutter pub add xxx

yarn ==> flutter pub get

npmjs.com ==> https://pub.flutter-io.cn/

yarn start .. ==> flutter run -d [device id]

yarn cache clean ==> flutter pub cache clean


win10 安装依赖环境

https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_3.3.9-stable.zip
下载 - 解压 - 配置环境变量 ../flutter/bin

flutter doctor // 检查环境

flutter config --android-studio-dir // 配置 AndroidStudio 文件夹路径

androidStudio 安装 SDK Command-line Tools (latest)

flutter doctor --android-licenses

start ms-settings:developers // win10 打开开发人员模式

第一个项目 demo // https://doc.flutterchina.club/get-started/codelab/

// how to build fluttychat https://gitlab.com/famedly/fluffychat/-/wikis/How-To-Build


开发

vscode 安装 flutter 插件 + 代理 + 设备(笔记本/电脑)开发者模式

// 查看设备
flutter devices

// 运行时指定对应的device_id(设备id) flutter run -d device_id

//清理开发缓存 andoird
flutter clean
删除 .gradle or ./gradlew clean
flutter pub cache clean


Assets

tools

Flutter Version Management
版本管理工具, 类似 nodejs 的 nvm 版本管理工具

libs

Dart 开发语言概览

Dart 开发语言核心库

pub dev

flutter api

mores

material design
Material Widgets库(遵循 Material Design 原则的 widgets)
widgets库