混合App开发——颤抖的开发路径（1）：从头开始构建可运行的演示
APP开发
浏览：464 次
1、 前面写的字
目前，市场上有许多APP开发工具和框架。原始的、离子的、weex的、反应性的和mui都经历过项目，每个项目都有自己的苦衷。几天前，在面试中，一位面试官无意中提到了flutter，于是他疯狂地下来了解（这一波真的很好）。在业余时间尝试构建一个演示项目。现在让我
首先，我收集了一些数据来帮助我理解Flutter：
颤振：
颤振：
高频数据交换下Flutter和ReactNative的比较：
2、 环境准备
1.安装颤振sdk
2.安装vscode（我使用这个）
3.安装android sdk
4.安装java（带环境变量）
3、 下载flutter SDK
方法1：通过git快速克隆（不推荐）
git克隆-b测试版https://github.com/flutter/flutter.git
克隆执行直接成功的概率很低。如果失败，ctrl+c将再次执行，然后再次执行。如果不成功，请直接到github下载。效果相同，这意味着无法安装git。如果完成后找到目录，应如下所示：
图像.png
完成后，不可能在cmd中直接执行颤振。由于未配置系统环境变量，请将“flutter directory+bin”路径添加到系统环境变量中。
您可以在flutter安装目录_控制台中找到flutter。蝙蝠，你可以直接在里面运行扑动医生命令
图像.png
然而，它会很慢，可能无法成功运行
方法二：直接到官网下载flutter sdk安装包，效果更好。
门户（下载安装包）：https://flutter.io/docs/get-started/install
图像.png
在这里，我选择要下载的Windows。
4、 安装vscode插件（flutter插件和Dart插件）
这里将不解释vscode的安装。让我们谈谈如何安装flutter插件和Dart插件
图像.png
5、 安装android sdk
vscode编辑器已足够。没有必要安装Android Studio吗。所以让我们来谈谈
直接下载android sdk _ r24.4.1-windows。压缩并解压缩，如下图所示
图像.png
单击SDK管理器。exe，如下所示
图像.png
在点图下标记
图像.png
图像.png
图像.png
图像.png
配置虚拟模拟器
双击AVD管理器。exe在android sdk安装目录中
图像.png
图像.png
单击编辑，将显示以下有关配置模拟器的信息
图像.png
创建一个虚拟模拟器，然后单击开始运行它。
图像.png
6、 配置JAVA环境变量
此步骤直接跳过，可以由百度在线配置。
7、 创建演示
在需要保存项目以生成flutter演示程序的地方执行flutter create xxxx
执行flutter create xxxx（项目名称不能有大写字母），否则将提示错误
图像.png
然后我将项目名称更改为小写，并再次执行fluttercreateflutterdemo。执行成功
图像.png
在flutterdemo中运行“flutter packages get”
此时，我们可以停止程序运行，并通过cd flutterdemo再次执行flutter包，它将成功运行
图像.png
然后在flutterdemo目录中执行flutterrun命令进行编译。您还可能遇到各种问题
图像.png
根据错误消息，您需要运行flutter doctor命令以查看安装了哪些组件
图像.png
根据上述错误提示，android-28 jar包android studio丢失
然后转到Android sdk找到sdk管理器Exe。然后检查是否安装了android-28（我已经在这里安装了）
图像.png
安装android-28后，继续运行flutter run命令。找不到lint-gradle-api出现在jar中（com.android.tools.lint:lint-gradle-api:26.12）。
E： \vsworkspace\flutterdemo>颤振运行
在为x86 64构建的设备Android SDK中使用硬件渲染。如果您有图形工件，请考虑使用“--enable software rendering”启用软件渲染。
正在启动lib/main。在调试模式下为x86 64构建的Android SDK上的dart。。。
正在初始化渐变…3.2s
正在解析依赖项。。。
*运行Gradle时出错：
从：E:\vsworkspace\flutterdemo\android\gradlew退出代码1。batApp：属性：
项目评估失败，包括afterEvaluate｛｝中的错误。有关afterEvaluate｛｝错误的详细信息，请使用--stacktrace运行。
失败：生成失败，出现异常。
*其中：
构建文件“E:\vsworkspace\flutterdemo\android\app\Build”。梯度线：25
*出了什么问题：
评估项目“：app”时出现问题。
>无法解析配置“classpa”的所有文件
