[flutter+dart]第一篇:开发环境的安装与配置

前言

博主是做嵌入式的,参加工作时间也不久,而且是非科班出身,之前从未接触过移动开发。最近了解到了flutter框架和dart语言,想作为第二语言学习一下,因此会从最基础的环节开始,以此博客作为记录,还望各路大神多多指导。

关于flutter和dart的介绍,这里不再粘贴,大家可以直接去官网了解。

flutter官网   https://flutter.dev/                    dart官网     https://www.dartlang.org/

预期开发环境

Android Studio + Flutter + Dart

安装与配置过程

1、下载Flutter SDK,地址            https://flutter.dev/docs/development/tools/sdk/archive

2、将下载的压缩包解压到你本地的某个目录,例如我解压到:D:\ProgramFiles\Code_Tools

3、将Flutter的bin文件夹添加到用户变量的路径:

  查看你的用户变量里是否有Path这个变量,如果有,则编辑该变量,在变量值里把bin的路劲添加进去,例如我的添加进去就是 D:\ProgramFiles\Code_Tools\flutter\bin;

  (在cmd中输入flutter命令回车,如果没有提示你不能识别该命令,则表示flutter sdk配置成功)

4、配置Flutter的其他所需变量

  新建 FLUTTER_STORAGE_BASE_URL 用户变量,添加变量值为 https://storage.flutter-io.cn

  新建 PUB_HOSTED_URL 用户变量,添加变量值为 https://pub.flutter-io.cn

5、下载android studio, 官网地址   https://developer.android.google.cn/studio

6、安装android studio,安装过程当时没截图,大家根据提示来就行了。其中:如果你电脑上没有装Android sdk,则会提示你安装,选好安装路径根据提示下载安装就行。

  例:我的Android Studio安装在 D:\ProgramFiles\Code_Tools\Android_studio ,  我的android sdk安装在 D:\ProgramFiles\Code_Tools\Android_SDK

7、配置android sdk用户变量

  新建 ANDROID_HOME 用户变量,设置变量值为 “你的Android sdk的地址” ,例如我的  D:\ProgramFiles\Code_Tools\Android_SDK

  编辑用户变量 Path,添加 “你的Android sdk的地址”,例如我的添加  D:\ProgramFiles\Code_Tools\Android_SDK

  至此,用户环境变量配置完成,如下图:

  

8、安装dart和flutter插件

  打开android studio,点击Configure,如下图:

  

  在弹出的对话框中选择 Browse repositories,将弹出如下对话框,搜索 dart,如图,点击安装:

    

  再搜索flutter ,如图,点击安装:

  

9、检查环境配置是否完整

  重启电脑,打开命令行cmd,输入 flutter doctor,等待一会,它会检测出环境是否正常,正常如下图:

  

  如果有其他错误提示,如:

  

  则根据提示,输入 flutter doctor --android-licenses ,根据提示把所有license校验确认一遍,就OK了。

至此,开发环境安装配置完毕!

打开Android studio,即可创建基于flutter的工程:

  

原文地址:https://www.cnblogs.com/gklovexixi/p/10482517.html

时间: 2024-07-29 08:56:18

[flutter+dart]第一篇:开发环境的安装与配置的相关文章

第一篇,环境的安装和配置

安装cocos2d-lua http://www.tairan.com/engines-download 下载最新的cocos2d-Lua 3.x版本 下载完成后解压文件,得到一下目录 点击运行 setup_win.bat 添加path值 这时 单击桌面的player 就可以运行Cocos2d-Lua模拟器了,里面会有一些示例 安装Sublime Text与QuickXDev Sublime Text的网址是 http://www.sublimetext.com/ 安装完后还需要安装Packag

【读书笔记《C# 开发实战1200例》】1.1 Visual Studio 开发环境的安装和配置

001.Visual Studio 开发环境安装与配置 1. “工具” - “导入和导出设置” 2.选中“重置所有设置” 3.选中“否,仅重置设置,从而覆盖我的当前设置” 4.在此界面根据实际情况选中适合自己的开发环境设置 002.设置程序代码的行号 1.菜单项“工具”/“选项”命令 2.选择“文本编辑器”节点下的“所有语言选项”,在右侧选中“行号” 003.使开发环境全屏显示 1.菜单栏“视图”/“全屏显示”命令,或者直接按 Shift + Alt + Enter 键即可. 004.根据需要创

android学习第一篇 开发环境搭建

android开发环境搭建 由于博主最近在学golang,所以就想着顺手把android开发给学了.最近这两天都在折腾idea,搭建开发环境.昨天晚上终于把golang和android的环境都搭好了,总结一下. 博主一开始使用android studio 做 android 开发,但使用idea做 golang 开发.这两个IDE都是功能十分庞大的,一同运行的话两个分别占用1.5G内存,所以就琢磨用idea开发安卓了.期间遇到几个坑,分享出来. 1.安装安卓SDK 下载地址 http://and

【C#】VS2015开发环境的安装和配置(二)2016-07-03更新

分类:C#.VS2015.WPF.ASP.NET MVC.Android.iOS.Unity3D: 创建日期:2016-07-03 按下面介绍的步骤安装即可. 一.安装JDK和Android SDK 如果你不用C#开发Android和iOS应用程序,不需要这一步. 用C#和VS2015开发Androd App时,必须安装JDK和Android SDK,其实这一步和安装VS2015没什么关系,微软之所以把它集成到安装工具中,目的仅仅是为了想简化你的安装过程,但是由于国内由于墙的原因必须通过特殊的手

【C#】VS2015开发环境的安装和配置(一)2016-07-03更新

分类:C#.VS2015.WPF.ASP.NET MVC.Android.iOS.Unity3D: 创建日期:2016-07-03 一.简介 为了避免网上乱七八糟的过时介绍,避免误导初学者,这次把至2016年6月底C#开发环境各种版本的更新和安装过程重新整理一下贡献出来.目的是为了让对C#感兴趣的初学者知道到底哪些是过时的,哪些是最新的,哪些是别有用心的人故意给你挖的坑. 先说一下VS2015的官方网址(这是你了解VS2015以及它到底能做哪些事的第1步): https://www.visual

Win7 32位系统下Java开发环境的安装及配置

目录: Java JDK安装. Java JDK系统环境的配置. 配置常见问题的解决. Java JDK的安装 Java Jdk(Java Development Kit)Java开发不可缺少的环境,下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html,根据需求下载安装不同版本的JDK,最新Java8下载JDK8(http://download.oracle.com/otn-pub/java/jdk/8u5

Gradle体验/第一篇:下装、安装、配置、体验

Gradle 是以 Groovy 语言为基础,面向Java应用为主. 它基于DSL(领域特定语言)语法的自动化构建工具. 本经验已假设您已正确安装 jdk,如果不会下载, 请参考我的另一篇经验[正确查找并安装 JDK]. 工具/原料 jdk 1.7.0_75 (jdk 6+ 也可) gradle 2.4 下载 gradle 1 首先到官网下载 gradle-2.4-all.zip,详细见图. 2 解压 ZIP 文件,本案例解压于 D:\usr\local,内容如图. END 配置 gradle

【C#】VS2015开发环境的安装和配置(三)2016-07-03更新

分类:C#.VS2015.WPF.ASP.NET MVC.Android.iOS.Unity3D: 创建日期:2016-07-03 控制台应用程序.WPF应用程序直接创建即可,这里就不再介绍了.下面仅简单介绍如何创建Android应用程序.ASP.NET Web应用程序以及Unity3D应用程序. 一.创建Android模拟器 创建Android应用程序前,必须先做这一步. 调试手机应用程序一般先用模拟器来实现,只是因为每次都发布到手机上调试太麻烦了.当应用程序在模拟器上调试没错后,再发布到手机

Dart入门—Linux开发环境

Dart入门-Linux开发环境 在正文开始前,希望大家能看一下这段,我第一次听说Dart是在去年5月份,那段时间工作比较闲,在网上看到<Google 演示用 Dart 开发 Android 应用>,然后就开始去了解,而且认识了很多朋友,其中就有"河马",他说:"Dart所有的资料都是英文的,我们需要建立一个中文社区,让更多人了解.学习它". 后来他真的就建立了DartLang中文社区,我当时就觉得我应该也能做点什么,于是就组织了几个好友对Dart的官方