flutter环境搭建helloworld

介绍

基于 浏览器 做跨平台前端应用(android, iso, desktop)开发 , 可以节省工作量, 比如vscode 就是这样的东西

electron 和 flutter 两者是同类的, 但是flutter更容易上手, 所以以下介绍 flutter环境搭建
常见的前端技术 nodejs vue等,都可以用在desktop应用的开发上,这样简单的多了

flutter官网

flutter安装

解压flutter sdk 并enable-windows-desktop

flutter sdk下载 , 如下:
flutter环境搭建helloworld_第1张图片

flutter_windows_2.10.5-stable.zip

解压flutter sdk 后如下:E:\flutter_windows_2.10.5-stable\flutter
flutter环境搭建helloworld_第2张图片
启用 enable-windows-desktop
flutter环境搭建helloworld_第3张图片> 这里确保 安装了 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插件

flutter环境搭建helloworld_第4张图片

idea新建flutter项目flutter_demo

flutter sdk 是刚刚的解压路径: E:\flutter_windows_2.10.5-stable\flutter
flutter环境搭建helloworld_第5张图片

编译、运行flutter项目 (flutter_demo)

flutter环境搭建helloworld_第6张图片

运行效果如下:
flutter环境搭建helloworld_第7张图片

错误解决

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环境搭建helloworld_第8张图片
这里有说flutter合适的win10sdk版本

你可能感兴趣的:(flutter,前端,node.js)