在Windows上搭建Flutter开发环境及在VScode和androidstudio中运⾏安装与配置flutter开发环境、vscode开发flutter、android studio开发flutter
全局设置
1. 下载Flutter SDK
新建⽬录,在git输⼊
git clone -b beta github/flutter/flutter.git
2.针对国内不能访问国外⽹络⽽设置的镜像,复制粘贴下⾯代码
export PUB_HOSTED_URL=pub.flutter-io
export FLUTTER_STORAGE_BASE_URL=storage.flutter-io
添加⽤户变量
3.继续输⼊(路径地址是⾃⼰安装flutter的地址,根据⾃⼰实际情况填写)
export PATH=E:\myTest\flutter\flutter\bin
安装完成后,在系统环境变量中设置
VScode中运⾏项⽬
1.VScode中安装插件
2.新建Flutter项⽬
(1).启动 VS Code后
(2).最顶部 View>Command Palette
(3).输⼊ ‘flutter’, 然后我选择的是第⼀个,按回车键
(4).选择项⽬放置的位置,确定。
(5).等待项⽬创建继续,并显⽰main.dart⽂件
android最新版上⾯的步骤操作后会创建⼀个flutter项⽬。
3.启动APP
(1)按F5键,会打开debug console启动App
(2)或者在终端命令⾥输⼊flutter run启动App
(3)点击这个⼩图标启动
启动后,可能会有下⾯的报错,也可能没有。
我这⾥flutter run时出现了问题,意思是需要升级adb版本⾄少在1.0.39以上。我当时版本是1.0.36。我本⼈对原⽣了解很少,android studio也是,很多东西不敢碰。⽹上百度搜索很多教程都不⾏。在这⾥告诉⼀个最简单的⽅式,copy其他⼩伙伴的⾼版本adb⽂件替换下就⾏啦。具体路径和⽂件名如下截图。
检查adb版本,已符合版本要求。
运⾏flutter doctor可以检查当前是否还有没有安装的依赖,或者其他问题,如果显⽰都是绿⾊√,就证明没有问题啦。
这时候再输⼊命令flutter run ,因为我链接着两个⼿机,所以提⽰有四个选择分别是vivo、MI、Chrome、Edge,如果不连接⼿机的话默认只有Chrome、Edge浏览器可以选择。如果想选择哪个写对应的数字就⾏,我这⾥选择3,使⽤Chrome打开。要热重载改变按 r 键,要热重启,按 R 键。
android studio中运⾏项⽬
注意:建议android studio升级到最新版本。
1.android studio 中安装Dart和Flutter插件配置
Flutter需要Flutter和Dart插件才能⽤android studio中选择File –> settings –> Plugins 输⼊Dart,点击install安装。输⼊flutter,点击install安装
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论