flutter相关

2019-06-14  本文已影响0人  APTX4869

早些年刚出的时候,flutter有一个英文官网https://flutter.dev,如今逐步发展,搜索靠前的已经出现了一个全中文翻译的网站https://flutterchina.club,内容很丰富,各种操作说明也很明确。

1、起步。

        ①SDK准备,首先是需要安装flutter SDK的,可以通过网站https://flutter.dev/docs/development/tools/sdk/releases#windows直接下载,也可以通过git拉取代码,“git clone -b dev https://github.com/flutter/flutter.git”。windows环境需要添加环境变量,

通过sdk中的flutter_console.bat可以进入命令行模式

通过flutter doctor可以检查是否安装有误,一些常见的坑https://www.jianshu.com/p/c2f8bf042577

②开发工具,android studio的话,可以从plugin里查找flutter和dart,选择安装

然后在下边的languages & Frameworks里做sdk路径设置 ,之后就可以创建项目了,File--New Flutter Project。

VS Code的安装方法:https://flutterchina.club/get-started/editor/#vscode

安装完成后

2、打包

android 打包:切换到项目目录,然后命令行执行flutter build apk(失败了好多次,后来莫名成功了。。),详细版本:https://blog.csdn.net/weixin_43434223/article/details/88047861

ios 打包:在windows上无法执行。。。命令是flutter build ios。

3、flutter对web的支持

https://blog.csdn.net/qq_28478281/article/details/89955152

https://segmentfault.com/a/1190000019381936?utm_source=tag-newest

这里有一些介绍文章,按照文章的方法运行后。。。

在这里停了很久。。。愣了半天,原来是要打开“http://127.0.0.1:8080/#/”,打开出现了web页面,helloworld。。。 总结下具体步骤:

①、首先SDK准备好,这个不用说了,这里需要把dart和pub相关的东西加入系统环境变量,

然后打开flutter控制台,执行“flutter pub global activate webdev”

②、然后克隆官方demo:git clone https://github.com/flutter/flutter_web.git,切换到目录后执行cd examples/hello_world和flutter pub upgrade

③、然后是执行pub get和webdev serve最后,根据提示打开地址。最后根据文章指示,打开了比hello_world更酷炫的gallery项目,

看起来flutter做web还是比较6的~~~以上。
上一篇 下一篇

猜你喜欢

热点阅读