windows + flutter +android+ vscode 安装配置运行流程(详细版本)

flutter

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

框架特点

快速开发: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

PATH: C:\Users\Aijiar\Desktop\flutter\bin

系统变量

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

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

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

并创建项目名称,按enter

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

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



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

语言拓展

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

原文地址:https://www.cnblogs.com/wpshan/p/12029970.html

时间: 2024-10-11 04:30:31

windows + flutter +android+ vscode 安装配置运行流程(详细版本)的相关文章

Windows下Android开发环境配置

最近在配置安卓. 还是拿舍友没带回家的手机.. 自己手机是WP.. 搞了半天搞好了. 叹了口气,要是有人这样教我就好了,少走好多弯路. 废话不说,步骤如下" 一.安装JDK 为啥要安装JDK就不说了吧?java写安卓.. 传送门: http://www.oracle.com/technetwork/java/javase/downloads/index.html 安装完后,配置环境变量: 右击 "我的电脑"->属性->高级->环境变量->系统变量-&g

Android NDK r8 Cygwin CDT 在window下开发环境搭建 安装配置与使用 详细图文讲解

android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创) 一直想搞NDK开发却一直给其他事情耽搁了,参考了些网上的资料今天终于把环境搭建起来了,把过程记录下来分享给大家. 内容目录: 1.默认基础环境 2.NDK下载与配置 3.安装Cygwin 4.用NDK编译 5.安装CDT插件 6.安装Sequoyah插件 7.JNI编译环境配置 画了一个思维导图让大家一目了然配置过程 ---------------------------

【转】android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)

原文网址:http://www.cnblogs.com/zdz8207/archive/2012/11/27/android-ndk-install.html android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创) 一直想搞NDK开发却一直给其他事情耽搁了,参考了些网上的资料今天终于把环境搭建起来了,把过程记录下来分享给大家. 内容目录: 1.默认基础环境 2.NDK下载与配置 3.安装Cygwin 4.用NDK编译 5.安装

windows下android NDK 环境配置

0.下载jdk并配置环境变量 下载最新jdk,百度搜索“jdk”就有了.安装完成后,配置环境变量(网上一搜,一堆,我这里仅作简要叙述)  计算机→属性→高级系统设置→高级→环境变量. 系统变量→新建 JAVA_HOME 变量 .变量值填写jdk的安装目录(本人是 D:\Program Files\Java\jdk1.7.0_45) 系统变量→新建 CLASSPATH 变量 变量值填写   .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(注意最前面有一点)

android studio 3.1.4下载安装配置(附旧版本下载地址)

windows下安装android studio.当前时间2018年9月. 最新版本的android studio3.2.0-release出来了,拥有许多新的特性 可能我是一个业余的android开发者原因,我看到两个点, 1.The new version of AAPT2 fixes many issues, including improved handling of non-ASCII characters on Windows. 修复了打包签名apk时用到了AAPT2的许多问题,主要

DB 查询分析器 6.04 在 Windows 10 上的安装与运行展示

DB查询分析器 6.04 在 Windows 10 上的安装与运行展示 中国本土程序员马根峰(CSDN专访马根峰:海量数据处理与分析大师的中国本土程序员 http://www.csdn.net/article/2014-08-09/2821124)推出的个人作品----万能数据库查询分析器,中文版本<DB 查询分析器>.英文版本<DB QueryAnalyzer>.它具有强大的功能.友好的操作界面.良好的操作性.跨越各种数据库平台乃至于EXCEL和文本文件. 你可以通过它 ① 查询

windows ubuntu Android studio安装好启动没反应解决方法

 参考:http://blog.csdn.net/qq305013720/article/details/8934152 目前有三种解决方案,都是针对执行studio.bat出现错误导致android studio运行不起来,最后都是异工同曲:我用的第一种方法 1.改虚拟机配置文件studio.exe.vmoptions 有人说是java环境变量,如果不会照着设置 http://blog.csdn.net/huanghm88/article/details/3965218 因为Eclipse

JDK在windows和linux中安装配置指南

1 Windows下安装.配置jdk 1.1 准备工作 到http://pan.baidu.com/s/1i3l6MDR下载 jdk-7u55-windows-x64.exe 1.2 安装 双击运行jdk-7u55-windows-x64.exe 1.3 配置环境变量 新建JAVA_HOME变量,值为 C:\JAVA\jdk1.7.0_55 在Path变量最后追加: %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 新建CLASSPATH变量,值为 .;%JAVA_HOME

zabbix 客户端安装配置运行

1 创建zabbix 用户 groupadd zabbix; useradd -g zabbix zabbix; passwd zabbix; 两次输入密码 2 下载获得zabbix的包,然后解压 tar zxvf zabbix-2.2.3.tar.gz; 3 安装 cd /home/zabbix/zabbix-2.2.3; ./configure --with-net-snmp --with-libcurl --enable-agent --prefix=/usr/local/zabbix s