用多少眼泪才能让你相信 发表于 2024-7-20 17:29:58

Android studio配置Flutter（看这一篇就够了）

                   https://img-blog.csdnimg.cn/direct/7097d3c6c1bc403abdae68d256abdf05.png
       Flutter 是 Google 推出并开源的移动应用开辟框架，主打跨平台、高保真、高性能。开辟者可以通过 Dart 语言开辟 App，一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口，开辟者可以很快地为 Flutter 添加 Native（即原生开辟，指基于平台原生语言来开辟应用，flutter可以和平台原生语言混合开辟） 扩展。
目次
1.下载Flutter SDK
2.利用镜像
3.在Windows上搭建Flutter开辟环境
3.1配置环境变量
3.2运行 flutter doctor
下令
3.3Android studio配置Flutter插件和Dart插件：
4.在Android studio新建Flutter项目：
4.1在Android studio点击File->New->New Flutter Project
4.2选择 Flutter application 作为 project 类型, 填写下载的Flutter SDK的路径，然后点击 Next。
 4.3输入项目名称，然后点击 Create。
4.4 创建了一个Flutter项目 ​编辑 
 4.5运行效果

1.下载Flutter SDK

在Flutter官网：Make Android apps | FlutterArchive | FlutterMake Android apps | Flutter 下载
https://img-blog.csdnimg.cn/direct/b9922ceb5c924e9fa3010e3ec114ea46.png

解压到本地目次：
https://img-blog.csdnimg.cn/direct/68a40b3b676c4f51ba872515e96530fe.png
2.利用镜像

由于在国内访问Flutter会受到限制，Flutter官网为中国开辟者搭建了临时镜像，把以下环境变量添加到用户环境变量中：
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn https://img-blog.csdnimg.cn/direct/64e1fe91d00845f6ab1fdd5e5ac50226.pnghttps://img-blog.csdnimg.cn/direct/bfcab73551ac446a941991f348a40c81.png
3.在Windows上搭建Flutter开辟环境

3.1配置环境变量



[*]在“用户变量”下查抄是否有名为“Path”的条目:

[*]如果该条目存在， 追加 flutter\bin的全路径（本身下载的Flutter SDK目次）利用 
[*]如果该条目不存在，创建一个新用户变量 Path ，然后将 flutter\bin 的全路径作为它的值

https://img-blog.csdnimg.cn/direct/edc44dfb65aa46109919a8860bd1ce0f.png
重启Windows以应用此更改.
3.2运行 flutter doctor
下令

       在Flutter安装目次的flutter文件下找到flutter_console.bat，双击运行并启动flutter下令行，接下来，你就可以在Flutter下令行运行flutter下令了。
https://img-blog.csdnimg.cn/direct/07096a55a4ee422a87e00c07ca275567.png​
https://img-blog.csdnimg.cn/direct/fecd70aaeaba40d8a887077492c1f791.png​
在Flutter下令行运行如下下令来查看是否还必要安装其他依赖，如果必要，安装它们：
   flutter doctor
https://img-blog.csdnimg.cn/direct/95f89b35a2644799b8b09b00fe2f2f04.png​
该下令查抄你的环境并在下令行窗口中表现报告。Dart SDK已经在打包在Flutter SDK里了，没有须要单独安装Dart。 细致查抄下令行输出以获取可能必要安装的其他软件或进一步必要实行的任务。
https://img-blog.csdnimg.cn/direct/7022e441f5464381abb67848a66a2c0a.png​
3.3Android studio配置Flutter插件和Dart插件：

在Android studio中点击File->Settings->Plugins，下载Flutter插件和Dart插件，一般下载Flutter插件时会提示你是否要下载Dart插件，这时候点击确定一起下载就好啦。
https://img-blog.csdnimg.cn/direct/54ed7c8dbe3542e1b86800b59254ac4d.png​
https://img-blog.csdnimg.cn/direct/d7daaee227c4468f8744a005c6fb013b.png​
4.在Android studio新建Flutter项目：

4.1在Android studio点击File->New->New Flutter Project

https://img-blog.csdnimg.cn/direct/6bfe028d9bb54475b9c08572da85a2be.png​
4.2选择 Flutter application 作为 project 类型, 填写下载的Flutter SDK的路径，然后点击 Next。

https://img-blog.csdnimg.cn/direct/b5792d6eccb64261923889176c19b9ec.png​
 4.3输入项目名称，然后点击 Create。

https://img-blog.csdnimg.cn/direct/b5402e4171b84099b955fe896641067f.png​
4.4 创建了一个Flutter项目 https://img-blog.csdnimg.cn/direct/6e1bf4a061ff4e828666618f198abbb4.png 

 4.5运行效果

 https://img-blog.csdnimg.cn/direct/c0300bf1bf3145758f0438abc756f4a3.jpeg 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: Android studio配置Flutter（看这一篇就够了）