欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-11 09:01:34
...

之前没接触过,挺说挺好用的,安装来试试,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三个系统的都有,这里我用的是第一种

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

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

3.配置环境变量

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

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

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

4.安装flutter

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

flutter doctor

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

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

flutter

回车 弹出以下界面

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

5.android studio 安装flutter插件

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

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

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

5.创建flutter App

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

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

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

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

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

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

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

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

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

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


至此   填坑开始了。

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

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

 

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

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

 

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 文件就可以了,

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

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

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

 

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

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

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

 

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

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

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

           

相关标签: Flutter