介绍
基于 浏览器 做跨平台前端应用(android, iso, desktop)开发 , 可以节省工作量, 比如vscode 就是这样的东西
electron 和 flutter 两者是同类的, 但是flutter更容易上手, 所以以下介绍 flutter环境搭建 常见的前端技术 nodejs vue等,都可以用在desktop应用的开发上,这样简单的多了
flutter官网
flutter安装
解压flutter sdk 并enable-windows-desktop
flutter sdk下载 , 如下:
flutter_windows_2.10.5-stable.zip
解压flutter sdk 后如下:E:\flutter_windows_2.10.5-stable\flutter 启用 enable-windows-desktop > 这里确保 安装了 visual studio 2019 (一定要选 c++桌面开发 和 win10sdk),否则用idea编译运行项目flutter_demo时会报一下错误 Exception: Unable to find suitable Visual Studio toolchain. Please run flutter doctor for more details.
idea 安装flutter插件
idea新建flutter项目flutter_demo
flutter sdk 是刚刚的解压路径: E:\flutter_windows_2.10.5-stable\flutter
编译、运行flutter项目 (flutter_demo)
运行效果如下:
错误解决
idea 编译、运行flutter_demo报错:
idea 编译、运行flutter_demo报错: Exception: Unable to find suitable Visual Studio toolchain. Please run flutter doctor for more details.
解决: 本机环境是 win10x64 , 安装了visual studio 2019, 确保 visual studio 2019 上安装了 “c++桌面开发工具” 和 “win10 skd” 即可 如果安装 visual studio 时 漏装了这两个,安装好后 用 visual studio installer 修改安装好这两个组件即可 这里有说flutter合适的win10sdk版本
|