Flutter在Windows平台下的安装配备官方澳门新永利下载:,flutter情形基本搭建

目录

1.
安装 Flutter
SDK2.
设置意况变量3.
Flutter
doctor4.
安装 Android
Studio5.
启动 Android Studio, 安装 Android
SDK6.
双重运维 Flutter doctor
查看信任项7.
设置 Android
emulator8.
配备编辑器8.1
Android
Studio8.2
Visual Studio Code (VS
Code)

首先次接触手机支付, 纯小白生龙活虎枚, 慢慢探索, 记录安装.

开发IDE选择android studio.Mac环境

1. 安装 Flutter SDK

比如无法直接下载 Flutter SDK, 能够经过github安装, 请参照他事他说加以考察 Using Flutter
in
China.

下载 Flutter SDK
(flutter_windows_v0.2.8-beta.zip),
解压到钦赐目录, 双击运营flutter_console.bat, 完成sdk安装, 如图.

官方澳门新永利下载 1

官方澳门新永利下载 2

1.下载flutter到本地

2. 设置碰到变量

在Path下增至flutter/bin的目录, 如图:

官方澳门新永利下载 3

git clone -b beta

3. Flutter doctor

在flutter调整台运维 flutter doctor 命令, 检验是还是不是有依赖项未安装.

官方澳门新永利下载 4

其间带X的代表供给设置的事物, 如笔者那边要求再安装Android toolchain 与
Android Studio.

安装Android Studio时,会私下认可下载安装Android
SDK,所以下一步直接安装Android Studio.

 export PATH=`pwd`/flutter/bin:$PATH

4. 安装 Android Studio

直接上海体育场地.

官方澳门新永利下载 5

全程 Next, 直到 Finish.

官方澳门新永利下载 6

2.为了让flutter能够到处使用,配置意况变量 .bash_profile

5. 启动 Android Studio, 安装 Android SDK

官方澳门新永利下载 7

官方澳门新永利下载 8

官方澳门新永利下载 9

官方澳门新永利下载 10

官方澳门新永利下载 11

官方澳门新永利下载 12

官方澳门新永利下载 13

官方澳门新永利下载 14

open -e .bash_profile
//张开意况变量配置文件,下边第朝气蓬勃行布署情形变量,二三行是使用本国镜像

6. 双重运转 Flutter doctor 查看信赖项

官方澳门新永利下载 15

还大概有五个依赖需求缓解

[!] Android toolchain – develop for Android devices (Android SDK
27.0.3)
X Android licenses not accepted. To resolve this, run: flutter doctor
–android-licenses

运行 flutter doctor –android-licenses

官方澳门新永利下载 16

[!] Connected devices
! No devices available

张开手提式有线电话机开采者选项, 展开USB调节和测量检验后, 再度检查测验, 成功。

官方澳门新永利下载 17

export PATH=$PATH:/Users/laomao/files/flutter/bin

7. 设置 Android emulator

打开AVD Manager, 新建.

官方澳门新永利下载 18

随便筛选叁个后下一步

官方澳门新永利下载 19

提议采纳 x86_64的 image.

官方澳门新永利下载 20

官方澳门新永利下载 21

官方澳门新永利下载 22

Graphics 选择 Hardware GLES 2.0

官方澳门新永利下载 23

export PUB_HOSTED_URL=

8. 布置编辑器

此地介绍 Android Studio 与 Visual Studio Code (VS Code) 的配置.

export FLUTTER_STORAGE_BASE_URL=

8.1 Android Studio

安装 Flutter 和 Dart 插件. Configure->Plugins 如图

官方澳门新永利下载 24

Browse repositiories..

官方澳门新永利下载 25

选料 Flutter, 安装, 弹出 Dart 插件安装时, 选用是.

官方澳门新永利下载 26

新建 Flutter project

官方澳门新永利下载 27

选择 Flutter Application

官方澳门新永利下载 28

Next 直到 Finish, 等待新建项目标成功.

官方澳门新永利下载 29

选取模拟器, 调试

官方澳门新永利下载 30

运作结果如下:

官方澳门新永利下载 31

3.flutter 检验开采条件安插

8.2 Visual Studio Code (VS Code)

安装 Dart Code 扩展

官方澳门新永利下载 32

新建 Flutter 项目

官方澳门新永利下载 33

官方澳门新永利下载 34

选用叁个路子来积存项目, 注意, 路径中必定无法冒出中文,
不然后边步骤会退步

官方澳门新永利下载 35

伺机项目成立达成

官方澳门新永利下载 36

右下角的为上一步创建的Android emulator

官方澳门新永利下载 37

F5 开头调节和测验

官方澳门新永利下载 38

运行结果如下.

官方澳门新永利下载 39

flutter doctor //施行那个命令查看开采条件贫乏什么

以下是本机执行结果:

laomaodeMacBook-Pro:~ laomao$ flutter doctor

Doctor summary (to see all details, run flutter doctor -v):

[✓] Flutter (Channel beta, v0.1.5, on Mac OS X 10.13.1 17B1003, locale
zh-Hans-CN)

[✓] Android toolchain – develop for Android devices (Android SDK
27.0.0)

[!] iOS toolchain – develop for iOS devices (Xcode 9.2)

    ✗ libimobiledevice and ideviceinstaller are not installed. To
install, run:

        brew install –HEAD libimobiledevice

        brew install ideviceinstaller

    ✗ CocoaPods not installed.

        CocoaPods is used to retrieve the iOS platform side’s plugin
code that responds to your plugin usage on the Dart side.

        Without resolving iOS dependencies with CocoaPods, plugins will
not work on iOS.

        For more info, see

      To install:

发表评论

电子邮件地址不会被公开。 必填项已用*标注