Flutter 环境配置 + VSCode/AndroidStudio + 基础知识

Flutter 里程碑信息

• 2014.10 - 原名为 sky，在 github 上开源
• 2015.10 - 更名为 Dart，Dart 开发的新语言，由 Dart Google 开发计算机编程语言 2011
• 2017.05 - Google I/O 正式发布 Flutter
• 2018.02 - Flutter 推出第一个 beta 版本（测试版）
• 2018.6.2018 发布初步最终版本 - Google 发布 Flutter 预览版beta 版 ) )
• 2019.02 - Flutter 1.2 发布，增加了对 Web 的支持
• 2019.5.7 - 新增了 Flutter for Web，直接将 Flutter 的 Dart 代码编译成 JavaScript，即使用 Dart 编译出可以运行的程序在网页上执行。 Flutter 已正式成为全平台框架。

Flutter 支持的移动端

• Mobile 已经比较成熟，体验比 React Native 更好。具体原因需要调查。
• 开发中的网站
• 桌面（Desktop）：虽然不适合生产环境，但核心引擎已经基本成型，需要进一步整合。
• Embedded（嵌入智能设备中）

学习Flutter需要哪些必备知识？

• Dart 基础知识
• 对于那些熟悉面向对象概念（类、方法、变量）和命令式编程概念（循环、条件）的人来说，Flutter 相对容易上手。

Flutter 特点

• 快速开发
• 卓越性能
• 富有表现力且美观的用户界面
• 一切都是Widget》功能原理❙lutter❙F Flutter for web建筑

  V 与 Flutter 相比，引擎层发生了变化

  下载并安装 Flutter + 并运行演示

  • 第 1 步---在下载页面选择下载
  • 第 2 步---更新环境变量

      终端窗口临时更新环境变量
      export PATH=`pwd`/flutter/bin:$PATH
      
      永久更新环境变量
      export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
      export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
      export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
      
      
      1. 将  source ~/.bash_profile
         注入  ~/.zshrc 文件中
         
      2.将
          export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
          export PUB_HOSTED_URL=https://pub.flutter-io.cn
          export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
        注入  ~/.bash_profile 文件中
        (PATH_TO_FLUTTER_GIT_DIRECTORY 替换成 本机的 flutter文件路径)
        
      3.最后执行 flutter doctor
  复制代码

  AndroidStudio

• 三步---下载AndroidStudio并安装插件FlutterDart
• 第四步---转到Android Stadio上的Flutter项目文件=>新建=>新建演示项目
• 步骤 5 --- 下载 SDK 并运行演示
  

VsCode

• 步骤 3 --- 安装插件 Flutter
  • ‶4 /cmd + / shift + p = > flutter新建项目
  • 第5步---打开调试工具并执行
    

  作者：Mingdi
  链接：https://juejin.im/post/5d0de082e51d45来源：Dig Kim
  版权所有给作者。商业转载请联系作者获取授权。非商业转载请注明出处。