【Flutter·学习实践】搭建环境和创建项目

文章目录

笔者简述

什么是Flutter

开发环境搭建

配置地址截图

测试配置是否成功

创建项目

注意事项

总结

---

笔者简述

我这里是站在原生开发角度编写文章。因此有些细节可能会忽略，大家请见谅！近几年，Flutter直到现在也比较火，很多中小型公司都喜欢这类开发人员，我站在原生开发角度就把Flutter理解为跨平台的ui框架。

什么是Flutter

是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。 [5]  Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

开发环境搭建

1. 安装Android Studio开发工具就不多解释。我的是Android Studio Dolphin I 2021.3.1 Patch 1
2. 安装插件，在File的Settings界面里，快捷键（Ctrl+Alt+S）小心QQ的快捷键冲突
   1. Flutter插件：用来运行，构建，调试，部署等；
   2. Dart插件：用来提供代码分析、检测提示，格式化，代码补全等；
   3. 安装完后切记需要重启As，一般是有提示重启的；
   4. 
3. 下载安装flutter sdk ，下载完后解压到权限低的普通目录里不要有中文 下地址
4. 配置flutter和dart的环境变量。（在系统变量中添加变量）

   FLUTTER_HOME   

   变量名：FLUTTER_HOME
   变量值：你的flutter sdk安装目录

 path变量

变量值：%FLUTTER_HOME%\bin
变量值：%FLUTTER_HOME%\bin\cache\dart-sdk

 在用户变量添加（//Flutter 社区）

变量名：PUB_HOSTED_URL
变量值：Dart packageshttps://pub.flutter-io.cnDart packagesDart packages

变量名：FLUTTER_STORAGE_BASE_URL

变量值：Dart packages

​

截图有问题是：https://storage.flutter-io.cn 地址

配置地址截图

​

​

测试配置是否成功

打开cmd运行

flutter doctor

 成功结果为：

​

创建项目

​

​

创建项目会发现Android模块会报错找不到引用。

​

解决方法：

找到flutter.jar的路径（就是你安装的flutter sdk根目录里）

​

按快捷键shift+ctrl+alt+s 进入如下界面，增加java库

 ​

 复制E:自定义目录\flutter\bin\cache\artifacts\engine\android-arm 到java库里，名字可以自己修改，最后Apply。

​

​

 操作完后你会发现依然报错，鼠标摸到无法引入的类点击添加即可。

​

 ​

瞬间舒服了！ 

注意事项

找不到创建Flutter的入口，你很可能没启动或安装Android APK support

​

如果还是没有

需要在当前项目里勾选如下，在重启as，在勾选Android APK support 即可。

​

​

总结

因为是夸平台开发，肯定存在很多问题，只能在开发中解决。