fluttervue的简单介绍

flutter和vuejs那个容易学

flutter更容易学，

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

相关问答

Q1: Vue前端转Flutter一（环境配置）

（*注：以下仅个人配置过程参考，系统win7-64）

所需软件

vsCode，Android Studio， MuMu模拟器 （直连手机调试的话就不需要了）

配置过程

1、Flutter安装

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

2、MuMu模拟器调试时需进行相关配置

（*注：直连手机调试可忽略以下；执行以下操作需要在执行flutter doctor成功后，flutter run执行前）

（1）mumu模拟器端口监听，需要执行

（2）mumu模拟器调试flutter run可能会报错，可以改成，具体原因可直接百度“--enable-software-rendering”

3、如需调试ios端可尝试虚拟机+macOS+xCode

vmware+macOs可参考链接 VMware15安装MacOS系统 ，笔者按照该步骤已安装成功

Q2: Flutter之国际化多语言

在说flutter国际化前，不得不提到，在uni-app中支持的Vue-i18n，两者有相似之处，也有差异的地方。

本篇借鉴了三篇热门帖子

Flutter中的国际化：如何写一个多语言的App

Flutter国际化完整例子

Internationalization - Make an Flutter application multi-lingual

只记录根据手机系统语言自动转换app语言

引入后，保存会自动加入安装此依赖

我们新建一个和"/lib"同级别的文件夹"/locale"，然后在这个文件夹中新建两个文件，分别为"i18n_en.json" 和" i18n_zh.json"。再在"/lib"文件夹下创建和"main.dart"同级的"translation.dart"和"application.dart"。

  文件夹树现在是这个样子的：

MyApplication

  |

  +- android

  +- build

  +- images

  +- ios

  +- lib

   |

   +-main.dart

   +-translation.dart

   +-application.dart

  +- locale

   |

   +- i18n_en.json

   +- i18n_zh.json

  +- test

在pubspec.yaml继续加入json，引入静态资源

补充：如果需要强制转换的话(我自己没有用到)