我们知道flutter和react-native一样,都是既可以运行在andorid也可以运行在iOS环境下的。
我之前是react-native开发者,我的电脑环境中已经安装好了jdk,sdk,以及android studio环境,并且可以使用安卓模拟器以及测试机进行开发。
下面是我的安装的版本
1037363-20190412150201776-1592127449.png
1037363-20190412150232307-858843700.png

接下来我们来进行flutter的安装
flutter官网:https://flutter.dev/docs/get-started/test-drive
我是在windows环境下进行安装的
1037363-20190412150448207-590557070.png
下载软件
1037363-20190412150503433-253623956.png
我将下载的内容放在1037363-20190412150628996-1188427089.png
运行软件
1037363-20190412160447072-347391230.png

额,在flutter的issue中找到了一个解决的方法
1037363-20190412151231914-2027139165.png
运行这些之后,还是不行
1037363-20190412151247703-1524646805.png
我就直接把c盘中的那个tools拷贝到了d盘软件sdk目录下面
1037363-20190412151308595-1667017780.png
再次运行,他会有一个是否接受这个licences
点击y就行
1037363-20190412151320769-1951130725.png
关于flutter和Dart的安装,我们在android studio中是这样进行的
我下面的是动图,以相同的方法安装Dart,因为我安装过了,没有install按钮,你们应当点击Install安装
1037363-20190412134721864-953577916.gif
接下来我们是使用vscode写我们的第一个demo
1037363-20190412135023111-1928614618.gif
1037363-20190412141833467-722330418.png

然后直接运行项目
1037363-20190412140410152-254370816.png
我有测试机连着电脑,故可以看到
1037363-20190412140512183-351927721.jpg
我点击完成
会在页面上直接运行出一个点击按钮,点击次数会增加
1037363-20190412140536494-1646570581.jpg
但是我不喜欢测试机,那么我们试试如何在vscode编辑器中运行出这个demo
直接在vscode如何运行呢?
1037363-20190412141054476-1232123659.png

1037363-20190412142053682-1345739270.png
我点击的是Nexus 5X,然后我们输入flutter run,就在我们的模拟器中运行出来了项目(这个是android studio中的模拟器)
1037363-20190412142814366-717657171.gif
我们如果是想使用vscode自带的呢?我们需要安装插件
1037363-20190412153919197-973851598.png
然后再次运行项目
1037363-20190412155315186-99848037.gif

转载于:https://www.cnblogs.com/smart-girl/p/10694891.html

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐