flutter安装配置和使用Mac、、flutter打包

1.由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
打开配置文件
  • 1.终端执行 vim ~/.bash_profile 
  • 2.终端执行 open ~/.bash_profile
  • 3.无论哪一种打开方式在操作完毕之后必须记得执行一下这个命令 source . b ash_profile,然后你的配置才能生效。
2.安装flutter SDK
*   3.解压安装包到你想安装的目录,如:
 
cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
4. 添加flutter相关工具到path中:
export PATH=`pwd`/flutter/bin:$PATH
export PATH="$PATH:`pwd`/flutter/bin"
5。 运行以下命令查看是否需要安装其它依赖项来完成安装:
flutter doctor
6.运行项目 
  1. flutter run
7.下载依赖
flutter pub get
flutter packages get 
打包命令
Flutter build apk
app/lib/config/config.dart 配置打包
 
Flutter run
注意:填坑
1.只有第一个是✅号,flutter 
2。先安装 Android Studio  

如果官网打不开 Download Android Studio and SDK tools  |  Android Developers这个网址

下载安装包后一直继续即可;
flutter安装配置和使用Mac、、flutter打包_第1张图片
   2.1 执行  flutter doctor --android-licenses 同意相关协议,一直y,完成之后
flutter安装配置和使用Mac、、flutter打包_第2张图片
2.2 缺失cocoapods 执行 sudo gem install cocoapods,
        CocoaPods 是一个负责管理 iOS 项目中第三方开源库的工具
flutter安装配置和使用Mac、、flutter打包_第3张图片
2.3 如下报错是要你在vscode里面安装flutter插件
flutter安装配置和使用Mac、、flutter打包_第4张图片
解决:
flutter安装配置和使用Mac、、flutter打包_第5张图片
2.4 此报错是Android studio 里面没有 flutter 和dart 插件
flutter安装配置和使用Mac、、flutter打包_第6张图片

解决:

flutter安装配置和使用Mac、、flutter打包_第7张图片

注意:安装完成之后重启Android studio,运行flutter doctor
2.5 最后一个是没有模拟器,连接一个模拟器就行
flutter安装配置和使用Mac、、flutter打包_第8张图片

iOS 设置

安装 Xcode

要为iOS开发Flutter应用程序,您需要Xcode 7.2或更高版本:
在Mac上,通过以下命令找到模拟器:
open -a Simulator
二、flutter在vscode的使用

创建新的应用

        shift+comd+P   输入flutter新建项目 
使用命令行创建
$ flutter create myapp 
$ cd myapp
  1. 启动 VS Code
  2. 调用  View>Command Palette…
  3. 输入 ‘flutter’, 然后选择  ‘Flutter: New Project’  action
  4. 输入 Project 名称 (如 myapp ), 然后按回车键 flutter安装配置和使用Mac、、flutter打包_第9张图片
  5. 指定放置项目的位置,然后按蓝色的确定按钮
  6. 等待项目创建继续,并显示main.dart文件
flutter安装配置和使用Mac、、flutter打包_第10张图片

运行应用程序 

        右下角No Device选择设备   f5运行项目
  1. 确保在VS Code的右下角选择了目标设备
  2. 按 F5 键或调用 Debug>Start Debugging
  3. 等待应用程序启动
  4. 如果一切正常,在应用程序建成功后,您应该在您的设备或模拟器上看到应用程序
flutter安装配置和使用Mac、、flutter打包_第11张图片

体验热重载

            保存自动运行项目,模拟器随时更新
Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态(译者语:如果是一个web开发者,那么可以认为这和webpack的热重载是一样的)。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮),你就会在你的设备或模拟器上看到更改。
  1. 用你喜欢的编辑器打开文件lib/main.dart
  2. 将字符串
    'You have pushed the button this many times:' 更改为
    'You have clicked the button this many times:'
  3. 不要按“停止”按钮; 让您的应用继续运行.
  4. 要查看您的更改,请调用 Save (cmd-s / ctrl-s), 或者点击 热重载按钮 (绿色圆形箭头按钮).
  5. 你会立即在运行的应用程序中看到更新的字符串

三、Flutter安装依赖包

1、添加依赖

在pubspec.yaml文件,dependencies部分添加所依赖的库和版本,如下:
dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^0.1.0
  english_words: ^3.1.0 // 所依赖的部分

2、安装依赖包

flutter packages get
此时会自动在pubspec.lock文件中列出已经下载到本项目的包和他们的版本等信息
然后就可以在需要的地方去信用

3、引入

在lib/main.dart 引入
import 'package:english_words/english_words.dart';

4、查询报错

flutter run -v

四、不同平台操作体验和适配

不同平台操作体验的差异和适配 | Flutter 中文文档 | Flutter 中文开发者网站

五、flutter 运行  iOS
https://www.jianshu.com/p/8e402987fffd
 六、iOS证书申请 
https://www.jianshu.com/p/2b3c2693f4f2
app的证书
密码 XHnotary1234
描述文件
七、mackdown语法
Markdown 教程 | 菜鸟教程
Markdown 语法说明(简体中文版)

你可能感兴趣的:(记仇日记,flutter,macos,android)