完整flutter教程，flutter中文教程

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

Vue前端转Flutter一(环境配置)

1、配置过程 Flutter安装安装时忘记截图，具体可参考链接 flutter中文网相关教程+ 百度，现在网上教程很多，多踩点坑总会成功的。

2、在开发工具的插件设置中，安装上面说到的 Flutter 和 Dart 插件。Flutter 插件用于支持 Flutter 的运行、调试、热重载等功能，而 Dart 插件则提供了代码的输入校验、代码补全等功能。

3、FinClip是凡泰极客研发的一套小程序容器技术，也可以说是小程序沙箱Runtime/Engine，提供Runtime基于浏览器内核，采用动态语言(JS)和声明式View构建(XML)，兼容互联网主流小程序技术，可采用Vue、react基础上的DSL框架。

4、熟练掌握vue.js、webpack、elementui等前端框技术。熟练运用Node.js开发后台应用程序。对Restful，Ajax，JSON，开发过程有深入的理解，掌握git的基本技能。

5、.conf 详细可参考：这种方式只需要开放80端口，然后访问二级域名。这种方式的好处是只有一个server ，而且不需要二级域名、用路径location就能实现。但是这种方式的一个缺点，就是vue项目前端需要改配置。

6、history模式：URL 就像正常的 url，比较好看。

Flutter:快速创建简单闪屏页

1、首先查看入口函数：类MyApp：MyHomePage：state：build：此demo页面涉及到两个组件：图片和icon。

2、万物始于 Hello World，我们先来创建一个显示 Hello World 的 Flutter 项目。在Android Studio 的欢迎页面选择 Start a new Flutter project ，或者通过菜单栏的 File New New Flutter Project ，创建一个新的 Flutter 项目。

3、对于初学flutter的朋友来说，要知道，flutter的UI万物皆Widget。 flutter所写的页面的结构可以被看成套娃，一层套一层，一层套一层，一层套一层。。

4、){}方法的改进，根本的方法还是setState(){}，只不过是通过方法去刷新某个控件。如下：首先在pubspec.yaml中添加provider依赖下面通过provider来实现一个发送验证码的案例。

5、简要来说，Flutter 是一个移动 SDK ，允许我们创建跨平台移动应用（这样你就可以编写一份代码，在 Android 和 iOS 都可以运行这个应用程序）。

6、建立一个flutter项目的命令在ios文件夹下，生成pods文件夹 Xcode环境签名设置；把错误的版本删除再添加，可解决签名错误问题；必须先删除再添加，直接修改可能不起作用。团队开发，必须使用团队的签名。