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

Pistachio839

2024-03-21 帮助1人

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.运行项目

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这个网址

下载安装包后一直继续即可；

2.1 执行 flutter doctor --android-licenses 同意相关协议，一直y，完成之后

2.2 缺失cocoapods 执行 sudo gem install cocoapods,

CocoaPods 是一个负责管理 iOS 项目中第三方开源库的工具

2.3 如下报错是要你在vscode里面安装flutter插件

解决：

2.4 此报错是Android studio 里面没有 flutter 和dart 插件

解决：

注意：安装完成之后重启Android studio，运行flutter doctor

2.5 最后一个是没有模拟器，连接一个模拟器就行

iOS 设置

安装 Xcode

要为iOS开发Flutter应用程序，您需要Xcode 7.2或更高版本:

在Mac上，通过以下命令找到模拟器:

open -a Simulator

二、flutter在vscode的使用

创建新的应用

shift comd P 输入flutter新建项目

使用命令行创建

$ flutter create myapp

$ cd myapp

启动 VS Code
调用 View>Command Palette…
输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
输入 Project 名称 (如 myapp ), 然后按回车键
指定放置项目的位置，然后按蓝色的确定按钮
等待项目创建继续，并显示main.dart文件

运行应用程序

右下角No Device选择设备 f5运行项目

确保在VS Code的右下角选择了目标设备
按 F5 键或调用 Debug>Start Debugging
等待应用程序启动
如果一切正常，在应用程序建成功后，您应该在您的设备或模拟器上看到应用程序

体验热重载

保存自动运行项目，模拟器随时更新

Flutter 可以通过 热重载（hot reload） 实现快速的开发周期，热重载就是无需重启应用程序就能实时加载修改后的代码，并且不会丢失状态（译者语:如果是一个web开发者，那么可以认为这和webpack的热重载是一样的）。简单的对代码进行更改，然后告诉IDE或命令行工具你需要重新加载（点击reload按钮），你就会在你的设备或模拟器上看到更改。

用你喜欢的编辑器打开文件lib/main.dart
将字符串

'You have pushed the button this many times:' 更改为

'You have clicked the button this many times:'
不要按“停止”按钮; 让您的应用继续运行.
要查看您的更改，请调用 Save (cmd-s / ctrl-s), 或者点击 热重载按钮 (绿色圆形箭头按钮).
你会立即在运行的应用程序中看到更新的字符串

三、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安装配置和使用Mac、、flutter打包

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

解决：

iOS 设置

安装 Xcode

创建新的应用

运行应用程序

体验热重载

三、Flutter安装依赖包

1、添加依赖

2、安装依赖包

3、引入

4、查询报错

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

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

《学习通》视频自动暂停处理方法

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

怎样阻止微信小程序自动打开

excel下划线不显示怎么办

excel打印预览压线压字怎么办

photoshop蒙版画笔没反应怎么办