mac flutter 工程安装及踩坑
2020-12-01 本文已影响0人
zsm_59a3
使用镜像，安装flutter
- 打开终端设置临时环境变量（临时镜像）
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 下载flutter，这里推荐用git安装，也可直接下载
git clone -b dev https://github.com/flutter/flutter.git （cd 到目录）
- 设置或列更环境变量
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin
- 运行flutter doctor
flutter doctor
- 这里会检查哪里插件没有安装，没有安全完没有关系，不需要出现网络上其它的教程上的成功图片，这处是一个坑。
安装xcode，这个是为了运行ios 模拟器
安装 android studio 去上面官方下载就可以了；
没有安装flutter，打开Android studio-->settings-->plugins，搜索flutter进行安装
没有安装dart，打开Android studio-->settings-->plugins，搜索dart进行安装
安装dart 插件
brew tap dart-lang/dart
brew install dart --devel
-没有安装 brew 先安装，这里建议安全上网
配置编辑器，这里选用vscode
- 安装flutter插件
查看-命令面板-搜索flutter - Install
重启vs code;
- 这里再运行一下flutter doctor，或者查看-命令面板-Flutter:Run Flutter Doctor 查看一下安装情况
安装flutter项目，不在flutter工程里
> 这边选择了命令安装flutter create XXX,
也可以用 android studio 安装
无论那种安装报错都没有关系，往下走，也是坑
> 安装完后，打开vscode，按F5，如果按F5无效就是没有安装dart插件，或没有配置dart插件环境变量
配置电脑的固定环境变量，第一步是为了安装临时的，不配置固定的每次运行项目都要走一遍
参考:https://juejin.im/post/6844904185666748423
- .zshrc
打开 .zshrc，或者终端里vim ~/.zshrc 去配置新增 flutter 和 dart 的环境变量
<!--这里用的是直接打开文件的方式-->
mac 找到根目录，.zshrc是个隐藏文件，打开文件，直接新增
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL= "https://storage.flutter-io.cn"
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin/cache/dart-sdk/bin
~/.bash_profile 这里也要配置环境变量
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL= "https://storage.flutter-io.cn"
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin/cache/dart-sdk/bin
保存，结束配置
打开xxx,项目工程，按F5，选择模拟器运行项目，这处发现运行是空的。
- 终端里安装：npm install -g flutter-pro-cli
- 在xxx项目里运行
flutter-pro-cli init
flutter-pro-cli run check
//这里项目就可以是运行起来了，模拟器里出现项目的，已经成功的了。接下来可以愉快的玩耍了。
flutter-pro-cli 教程：https://www.yuque.com/xuyabing/gneysu/whehpu
如何运行项目
//这里使用的是vscode， 按F5，打开ios/android 模拟器
找到项目名称的flutter图标，这里打开就是上一次修改的，或初始化的
也可以按 flutter run 启动
flutter 启动太慢，Running 'flutter pub get 'in flutter_app ... 卡死的问题
Packages get偶尔会遇到Running “flutter pub get” in flutter_app…卡死的问题。
解决办法
1.打开终端，输入：open .bash_profile
2.打开 .bash_profile ，修改下镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
//备注：本人是用了~zsh,所以上面在zshrc里配置了
Waiting for another flutter command to release the startup lock... 这个启动错误
打开flutter安装目录，进入/bin/cache，找到lockfile文件，删除就可以了。
重新再启动flutter就可以了
热更新(代码更新，模拟器如何更新)
方法一：按'r'键，鼠标放到终端
方法二:vscode 启动debug模式，在debug里配置当前的项目，flutter
小技巧
按P键显示网格
如果使用的是安卓模拟器，按o键显示苹果模式下的样子，按Q键可以关关闭
踩坑Could not build the application for the simulator.
先清一下 Xcode 缓存
flutter clean
flutter run
快速生成一个模块代码
> 安装插件
awesome flutter snippets
> 在页面上输入stlss，
- 页面自动生成以下代码片段
class extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
);
}
}
