Windows平台安装flutter之初体验(安装教程)

之前没接触过,挺说挺好用的,安装来试试,but 每次都记不住步骤,索性记录下来吧,安装的过程真是不明觉厉

flutter:一款创建应用的开源库、

首先可以去flutter中文网逛逛,链接奉上:https://flutterchina.club/get-started/install/

1.安装git      

首先电脑上可以安装git,可以方便从github网站下载安装包,当然也可以从官网下载,但是国内网很慢,需要翻墙

git安装教程我看这位博主写的挺详细的可以参考:https://blog.csdn.net/sishen47k/article/details/80211002

2.下载flutter安装包

如果安装了Git,Windows桌面右键点击 git  bash here 也可以选择一个文件夹打开git 命令行窗口,输入以下命令下载Flutter安装包

git clone -b alpha https://github.com/flutter/flutter.git

注意:Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!

没安装的可以去 https://flutter.io/sdk-archive/#windows  这个链接下载,Windows、Mac、Linux三个系统的都有,这里我用的是第一种

直接点击版本号下载,但是网速应该不怎么给力。

3.配置环境变量

下载完成之后解压,大家都懂的,尽量不要放在C盘,我的路径是:D:\flutterpath\flutter\bin,然后把该路径放在Windows的环境变量下面,

此外环境变量也要添加另外两个 FLUTTER_STORAGE_BASE_URL和 PUB_HOSTED_URL

PUB_HOSTED_URL:https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

如下图:

4.安装flutter

cmd +回车 进入命令行界面   ,输入

flutter doctor

上图下面有显示X的地方,说明我还没安装  再次执行

flutter

回车 弹出以下界面

5.android studio 安装flutter插件

安装成功之后弹出是否重启,点击重启android studio。

5.创建flutter App

   第一步:选择File  -->new --> new  Flutter  Project

第二步:选择默认   Flutter  Application  然后 next 

第三步:输入应用名   以及flutter sdk路径  然后next   

第四步:这个应该相当于包名,可以使用默认,也可以自己定义,最后finish  等待创建

第五步:等待创建,貌似第一次加载时间有点长,半天也没个反映 ,终于创建完成之后进入的界面


至此   填坑开始了。

1.第一个坑: 在命令行查询 flutter  doctor的是时候  出现错误,  X Android license status unknown.?????

这篇文章获取可以帮到你:https://blog.csdn.net/liy010/article/details/82078484               

 

终于搞定了,模拟器运行的效果如下:

 

PS:在项目创建成功之后,出现了找不到模拟器设备的问题,我用的夜神,把模拟器重启之后,有两秒能连接上,之后又显示未连接状态。

最后使用命令行的重新连接终于好了 -_-||  ,有使用夜神模拟的小伙伴如果有这种问题可以尝试一下使用命令行重连

步骤如下:

  1. 通过cmd 进入命令提示框
  2. 首先进入nox安装盘  比如:我的在D盘           D:
  3. 进入nox的bin路径下面,     eg:  cd D:\Program Files\Nox\bin
  4. nox_adb.exe connect 127.0.0.1:62001   eg:可直接复制粘贴

这样每次连接都要cmd ,重复一两次还好,重复次数多了就感觉略烦了,所以你可以在nox bin下面创建一个文本文档,名字随意命名(尽量不要有中文),把步骤4的命令放在新建文档中,把文档后缀改为.bat ,然后发送到桌面即可,如果了未连接上设备,直接双击这个.bat 文件就可以了,

ok,连接上模拟直接运行就可以了

 

注:首次运行稍微有点慢,第二次运行直接Ctrl+s 或者 点击上图右边的小闪电,运行时真心快(几秒就完成了),节省了不少时间。

下面有我写的打包好的一整个项目(有兴趣的小伙伴可以下载看看^_^):https://download.csdn.net/download/qq_36636969/10671698          每次运行中间的单词会随机显示

 

第二个小例子:https://download.csdn.net/download/qq_36636969/10676603

参考文献:https://blog.csdn.net/huihut/article/details/79544960

           

  • 5
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值