zoukankan      html  css  js  c++  java
  • Google Flutter框架:使用VS Code进行开发

         Flutter 的 1.0 版本前些日子已经发布!Flutter 是 Google 为您打造的 UI 工具包,帮助您通过一套代码同时在 iOS 和 Android 上构建媲美原生体验的精美应用!开发者除了Android Studio编写Flutter代码以外,VS Code也可以编写Flutter代码,接下来进行VS Code的环境搭建吧!

    一、安装Flutter SDK 配置Path环境 flutter安装目录下

    二、打开powershell 输入:flutter doctor 进行环境检查

     三、安装Android Studio 以及Android SDK

    四、配置Android SDK环境变量 ANDROID_HOME 

    五、安装VS Code,安装完后,下载flutter扩展以及Dart扩展插件:

    六、打开VS Code,开始构建flutter项目:flutter create testFlutterApp

    七、创建好之后,打开项目目录后输入,在运行前检查模拟器是否存在,输入:flutter emulator 。

            如果有模拟器,输入:flutter emulators --launch <模拟器ID>,运行模拟器

            如果创建新的模拟器,输入:flutter emulators --create [--name <模拟器ID>]

    八、打包运行模拟器,输入:flutter run

    最后,模拟器启动,并且打开了flutter app

    最后,介绍一些 VS Code中常用的快捷键:

    R键:点击后热加载,直接查看预览效果

    P键:在虚拟机中显示网格,在工作中经常用到

    O键:切换Android和IOS预览模式

    Q键:退出调试预览模式

  • 相关阅读:
    随笔——关于读论文
    enumerate
    torch.max
    C# WPF侧边栏导航菜单(Dropdown Menu)
    C# WPF过渡效果实现(C# WPF Material Design UI: Transitions)
    用C# WPF简单实现仪表控件
    自定义滚动条(Custom ScrollBar)
    从头实现一个WPF条形图
    漂亮的无序列表样式
    C# WPF实用的注册窗体
  • 原文地址:https://www.cnblogs.com/JunXiao/p/10169909.html
Copyright © 2011-2022 走看看