永利集团304com: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安装, 如图.

永利集团304com 1

永利集团304com 2

1.下载flutter到本地

2. 装置情状变量

在Path下扩展到flutter/bin的目录, 如图:

永利集团304com 3

git clone -b beta

3. Flutter doctor

在flutter调节台运行 flutter doctor 命令, 检查实验是或不是有依附项未安装.

永利集团304com 4

里面带X的意味供给安装的事物, 如小编那边要求再安装Android toolchain 与
Android Studio.

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

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

4. 安装 Android Studio

直白上海体育场合.

永利集团304com 5

全程 Next, 直到 Finish.

永利集团304com 6

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

5. 启动 Android Studio, 安装 Android SDK

永利集团304com 7

永利集团304com 8

永利集团304com 9

永利集团304com 10

永利集团304com 11

永利集团304com 12

永利集团304com 13

永利集团304com 14

open -e .bash_profile
//张开蒙受变量配置文件,上边第一行布署情况变量,二三行是接纳本国镜像

6. 重国民党的新生活运动行 Flutter doctor 查看依赖项

永利集团304com 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

永利集团304com 16

[!] Connected devices
! No devices available

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

永利集团304com 17

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

7. 设置 Android emulator

打开AVD Manager, 新建.

永利集团304com 18

大肆选拔多个后下一步

永利集团304com 19

建议选拔 x86_64的 image.

永利集团304com 20

永利集团304com 21

永利集团304com 22

Graphics 选择 Hardware GLES 2.0

永利集团304com 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 如图

永利集团304com 24

Browse repositiories..

永利集团304com 25

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

永利集团304com 26

新建 Flutter project

永利集团304com 27

选择 Flutter Application

永利集团304com 28

Next 直到 Finish, 等待新建项目的到位.

永利集团304com 29

采取模拟器, 调节和测验

永利集团304com 30

运营结果如下:

永利集团304com 31

3.flutter 检查实验开拓景况安插

8.2 Visual Studio Code (VS Code)

安装 Dart Code 扩展

永利集团304com 32

新建 Flutter 项目

永利集团304com 33

永利集团304com 34

选择贰个门路来积攒项目, 注意, 路线中必将不可能出现汉语,
不然后边步骤会失利

永利集团304com 35

伺机项目创立完结

永利集团304com 36

右下角的为上一步成立的Android emulator

永利集团304com 37

F5 发轫调节和测验

永利集团304com 38

运营结果如下.

永利集团304com 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:

发表评论

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