美文网首页Flutter
Flutter Getting start(Flutter 入门

Flutter Getting start(Flutter 入门

作者: Air_w | 来源:发表于2019-06-04 15:20 被阅读431次

Flutter Getting start(Flutter 入门)-Mac

目录:
1、Install(安装)
2、Set up an editor(设置编辑器)
3、Test drive(试驾)
4、Write your first app(编写你的第一个应用)

1、Install(安装)

1、系统环境要求

  • 操作系统:macOS(64)
  • 磁盘空间:700MB


2、Get the Flutter SDK
  • Download Flutter SDK
    请到官网下载最新版本

  • Run flutter doctor

//在Terminal(终端/命令窗口)中输入,用以“检查验证是否已正确设置所有内容,并输出相关的信息”
flutter doctor
  • Update your path
    步骤一:确定放置Flutter SDK的目录
    步骤二:打开.bash_profile,进行配置环境变量
    步骤三:添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为克隆Flutter的git repo的路径:
 export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

步骤四:运行source $HOME/.base_profile刷新当前窗口

步骤五:"flutter/bin"将出现在通过下面命令后出现的目录中

 echo $PATH

如下图所示:


效果图

3、Platform setup

  • MacOS支持为IOS和Android开发Flutter应用程序。
  • Windows默认只支持Android开发Flutter应用程序。或则装个“黑苹果”系统进行支持IOS开发

4、IOS setup(IOS配置)

  • Install Xcode(安装IOS原生开发工具)
    安装:version>=Xcode9.0

  • Set up the iOS simulator(设置IOS模拟器)
    Xcode中自带IOS simulator

  • Create and run a simple flutter app(创建、并运行Flutter 应用)
    创建flutter项目

 flutter create my_app

进入项目中

 cd my_app

运行flutter项目到模拟器中

 flutter run
  • Deploy to ios devices(部署到IOS设备)

要将flutter应用程序部署到物理IOS设备,您需要一起其他工具和Apple账号。

开发证书,AppleID,Apple Developer


5、Android setup(安卓配置)

  • Install Android Studio(安装Android原生开发工具)
    Download and setup Android studio

  • Set up your Android device(设置Android设备)
    使用USB将手机插入计算机,并按照提示进行操作

  • Set up the Android emulator(设置Android模拟器)

Android Studio自带Android enumerator(AVD)


2、Set up an editor(设置编辑器)

开发工具:
Android Studio

Visual Studio Code

or
other IntelliJ tools

3、Test drive(试驾)

Android studio 工具栏.jpg 运行效果图

4、Write your first app(编写你的第一个应用)

编辑lib/main.dart(Dart代码的所在地)

image.png

编辑代码后运行如下

Android IOS

未完待续。。。

相关文章

网友评论

    本文标题:Flutter Getting start(Flutter 入门

    本文链接:https://www.haomeiwen.com/subject/bsblxctx.html