zoukankan      html  css  js  c++  java
  • windows + flutter +android+ vscode 安装配置运行流程(详细版本)

    flutter

    是由谷歌发布的一个全新的响应式、跨平台、高性能的移动开发框架,可以快速在iOS和Android上构建高质量的原生用户界面。
    4571006598

    框架特点

    快速开发:Flutter的热重载可以快速地进行测试、构建UI、添加功能并更快地修复错误。
    富有表现力,漂亮的用户界面:自带的Material Design和Cupertino(iOS风格)widget、丰富的motion API、平滑而自然的滑动效果。
    响应式框架:使用Flutter的现代、响应式框架,和一系列基础widget,轻松构建您的用户界面。
    访问本地功能和SDK:Flutter可以复用现有的Java、Swift或ObjC代码,访问iOS和Android上的原生系统功能和系统SDK。
    统一的应用开发体验:Flutter拥有丰富的工具和库,可以帮助开发者轻松地同时在iOS和Android系统中实现想法和创意。
    原生性能:Flutter包含了许多核心的widget,如滚动、导航、图标和字体等,这些都可以在iOS和Android上达到原生应用一样的性能。

    环境

    window10
    vsCode
    Android Studio

    安装配置步骤

    第一步:下载Flutter SDK
    Windows桌面右键点击git base here。当然你也可以选择一个文件夹打开git 命令行窗口,输入以下命令下载Flutter SDK。
    git clone -b alpha https://github.com/flutter/flutter.git·

    第二步:配置环境变量。

    用户变量

    FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
    11

    PATH: C:UsersAijiarDesktopflutterin
    22

    系统变量

    你需要在Windows 环境变量Path中添加flutter的路径。路径指向到Flutter文件的bin路径如下图:
    33

    第三步 开发软件。
    安装Android Studio 以及Android SDK,以及vscode(本人力推),安装完vscode之后再vscode的应用里安装flutter和dart插件如图:
    11-1


    安装完成重启vscode.
    在编辑器的左下角的设置点击进入 “命令面板”,在命令面板中点击flutter:new project 项

    22-1

    并创建项目名称,按enter
    3

    因此我们创建了第一个flutter项目
    44-3

    在这里我们之前已经安装过Android Studio 以及Android SDK,再次我们运行Android Studio,打开模拟器(这里本人习惯用vscode),习惯用Android Studio的同学只要在里面安装dart和flutter插件就好了。(在这里我们只是使用Android Studio的模拟器),将模拟器运行起来。

    222-2
    dd
    注意:手机设置开启开发者模式-USB调试及安装模式开启

    语言拓展

    flutter使用的编程语言是Dart,您可以在其官网了解和学习这门语言,Dart官网:https://www.dartlang.org/

  • 相关阅读:
    二十三、java连接oracle数据库操作:jdbc
    四、正则表达式使用
    Linux常用命令大全
    消息队列的常见问题
    JVM:带你查看常见的问题,以及分析处方法
    JVM监控与调优
    缓存总结2
    缓存总结1
    消息队列mq总结
    Java集合Map基本方法
  • 原文地址:https://www.cnblogs.com/wpshan/p/12029970.html
Copyright © 2011-2022 走看看