Android Flutter实践--安装(Windows)-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

Android Flutter实践--安装(Windows)

简介: Flutter官网 Flutter中文网 Flutter社区中文资源 1. 下载源码 git clone -b beta https://github.
Flutter官网
Flutter中文网
Flutter社区中文资源

1. 下载源码

git clone -b beta https://github.com/flutter/flutter.git
img_1f039b09d1cc80d27fdf5fcef809a787.png
图1.png

2. 配置环境变量

I. 命令配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
// 配置环境变量
export PATH=`pwd`/flutter/bin:$PATH

II. 右键我的电脑->属性->高级系统设置->环境变量->用户变量

  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 D:\Program\flutter\bin(此处路径为自己本地存储地址+\flutter\bin)的全路径,使用 ; 作为分隔符.
    • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
  • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。


    img_4a35659baca598e924aff2126d2ccb9d.png
    图2.png

    img_0b32293c7f1a0e3f0dabeb42de32e451.png
    图3.png

3. 运行flutter doctor

打开命令提示符,运行命令:

flutter doctor

用于下载Dart SDK和更新Flutter Tool.


img_ede4d43d18bec0e2669ce66b5336e58a.png
图4.png

4. 打开 Android Studio

安装插件:

  • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

File->Settings->Plugins->Browse Repositories,
输入Flutter,点击Install(安装).由于Flutter插件依赖于Dart插件,因此在下载Flutter时会同时下载Dart插件

img_bc8b47566ecda8b4b25e2dba6560a536.png
图6.png

3). 重启.

5. 创建项目

1). New Flutter Project
img_51555919a305958cbacf682194d7309d.png
图7.png
2). 选择 Flutter application 作为 project 类型, 然后点击 Next
img_c4982f05fcb731f819aedef50d60cc5b.png
图8.png
3). 配置工程名
img_b2c75daf26b2468fbc705fed2f959377.png
图9.png

img_293c7d2149da2d93d8ab8f713b8f6cd1.png
图10.png
4). 工程目录
img_12435eb8c4fb2fe53ce4a3ea8ef07539.png
图11.png
  • android: Android 工程
  • ios: ios工程
  • lib: dart文件所在文件夹
  • test: 测试文件
5). 运行
img_8a1cc4ca641fde7fff1c69db64952471.png
图12.png
6). 热重载

在lib/main.dart文件中修改文字:
You have pushed the button this many times修改You have clicked the button this many times,并点击保存。(调用 Save All (cmd-s / ctrl-s), 或点击 热重载按钮 (带有闪电️图标的按钮).)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章