正式版flutter安装详解(windows)

前言

目前手里就一个window10,就先操作一下windows的安装办法,

总结起来就是:1,下载flutter sdk

  2,设置flutter环境变量并检查

  3,启动android studio创建新项目

准备工具软件

1,window7 64bit以上

2,git for windows 下载地址https://git-scm.com/download/win

3,jdk8(打开cmd,输入java -version,看到版本为java 1.8)

3,配置android sdk路径(环境变量配置即可)

4,安装android studio(3.0以上),能跑通普通工程

配置windows环境

查看flutter的开源地址

https://github.com/flutter/flutter

版本说明网址

https://github.com/flutter/flutter/wiki/Flutter-build-release-channels

图1

图2

意思就是说,master是有代码就往上提(可能还没有测过,图1),dev是测试版,beta是最新功能版(不稳定),stable是稳定版(正式版)(图2)

总结起来就是说,开发版,测试版,试用版,正式版(没毛病)

在设备上下载版本sdk

git clone https://github.com/flutter/flutter.git

切换到stable分支

配置环境变量

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn(图3)

PUB_HOSTED_URL = https://pub.flutter-io.cn (图4)

图3

图4

 

打开 命令提示符 并执行 Flutter Doctor命令(检测 flutter sdk的安装情况,并下载dart和其他依赖项目),它将检查您的环境并向终端窗口显示报告,会有长时间的等待(下载镜像这事也是随缘,多运行几次),隔个半个小时不动,就关掉重新执行flutter doctor,直到出现(图5)

图5

 

就可以了

中间有个小插曲,就是这个sdk如果要install,需要你同意它的license

解决办法:1,进入到 sdk/tools/bin

2,输入 sdkmanager --licenses,然后一路y

另外有些同学问找不到这个目录,其实这个目录主要是看你的sdk在哪个目录,并不是说非得在这篇文章这个目录,如果你不知道自己sdk在哪儿,你可以看你项目内得project structure内得sdk路径配置。只要找到这个目录,然后找到bin,然后确认里面有/sdkmanager这个文件夹,就可以执行上面那条命令;

android studio安装插件

进入android studio,选择file=> setting => plugns => 搜索flutter,install(图6)

=>搜索dart, install(图7)

图6

图7

 

重新启动,然后配置环境路径(图8)(没成功会让你继续install,这时候就需要继续flutter或者flutter doctor ),另外,dart环境配置也需要检查,否则也会加载失败(图9)

图8

 

图9

android studio创建新项目

打开file - new - 选择 new flutter project,出现选择新建类型(图10)

select an application while building for end users

在为最终用户构建应用程序时选择一个应用程序

 

select an Plugin when exposing an android or ios API for developers

为开发人员公开android或ios API时选择插件

 

select an Package when creating a pure Dart component, like a new Widget

在创建纯Dart组件时选择一个包,比如一个新部件

 

select a Module when creating a flutter component to add to an Android or ios app

在创建要添加到Android或ios应用程序的flutter组件时,选择一个模块

那么如何选择也很清晰了,选择第一个application,创建新项目,然后(图11)配置项目名称,sdk路径,项目文件地址,项目描述,确定之后next(图12),填写公司名,包名,以及kotlin和swift支持,

图10

然后next

图11

继续next

图12

注意勾选kotlin和swift支持(java和Object-c语法差异太大,一时半会没弄明白)

项目目录结构

新建成功后,目录结构是这样的(图13)(提醒一下,android studio的所有路径最好使用字母数字,否则编码问题会特别恶心)

图13

(想不通的是dart居然是在lib里面,这是当作三方库来支持的意思吗)

做过android或者ios开发的同学也就清楚了它的基本意义了(就是开发项目带个flutter插件,简单明了)

结尾

总的来说,安装过程有惊无险,除了环境检查(flutter doctor)没通过的话会显示(图14)

还会提示licenses让大家给sdk授权,其他的没有什么了

总之,祝大家好运(万一镜像又换了呢?emmmmmmmmmmmmmmm)

图14

发布了58 篇原创文章 · 获赞 10 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_34203714/article/details/90544455