美文网首页
2-Flutter 系统开发工具安装与配置

2-Flutter 系统开发工具安装与配置

作者: IT小分享 | 来源:发表于2020-09-08 13:33 被阅读0次

    俗话说“工欲善其事,必先利其器”。选择一个合适的工具,并配置好是很有必要的。下面介绍Flutter 应用开发的再Windows与Macos的安装与配置,并开启Flutter学习之旅的第一个Demo。

    1 Windows 工具下载安装配置

    1.1 windows 开发工具常用vscode,AndroidStudio,IntelliJ。官方推荐vscode,androidstudio。下载并安装 Android Studio,下载地址:https://developer.android.com/studio/index.html 。

    1.2 启动Android Studio,再执行“Android Studio安装向导”。

    1.3 成功启动后需要在工具上面安装两个插件,分别是Flutter插件,Dart插件。Flutter插件作用方便调试 运行 热重载等。Dart插件语法智能提示,检验等。

    1.4 依次打开 File,setting,plugins。在搜索框输入要安装插件名(如flutter或 dart),再点install进行安装。安装完后重启工具才能生效

    Flutter插件安装,上面是安装好的

    Dart插件 安装

    2 Macos 工具下载安装配置

    2.1 Ios开发Flutter应用需要在macos上安装Xcode9.0以上。安装Xcode 9.0或更新版本(通过链接下载https://developer.apple.com/xcode/ 或苹果应用商店https://itunes.apple.com/us/app/xcode/id497799835).。

    2.2 xcode 命令行配置以使用新安装的Xcode版本,命令如下sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer。切换其他版本需要重新配置。

    2.3 确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了

    3 模拟器安装(有真机用真机),时间工作有时没太多手机,可以用模拟器

    3.1 模拟器推荐使用夜神。下载地址https://www.yeshen.com/

    3.2 安装一路点next

    3.3 模拟器配置

    模拟器配置

    3.4 启动模拟器,命令行(如 cd D:\Program Files\Nox\bin> )进入到夜神安装文件的bin目录下,再通过命令adb connect 127.0.0.1:62001, 让模拟器连接上电脑。出现如下连接成功

    模拟器成功链接提示

    androidstudio工具出现如下 说明与模拟器连接上了。没有出现需要重启工具,重启还是没有,杀adb进程,模拟器重启, 重新命令行链接。

    工具与模拟器连接上

    4 Demo初体验

    4.1 依次点击 点File > 点New Flutter Project>选Flutter Application>点Next >project name 根据情况修改>最后点Next

    创建项目第一步

    创建项目第三步

    创建项目第三步

    4.2 Demo run起来

    点绿色箭头或小昆虫都可以,小昆虫方便打断点调试

    控制台出现这些提示 说明demo应用成功安装模拟器

    模拟器demo界面效果

    4.3 当修改项目文件应用,想快速安装应用,操作如下

    点击黄色闪电,快速安装,Flutter插件的热重载,提升效率。

    上一讲 1-Flutter简介与环境搭建

    觉得Flutter怎样,欢迎下方留言?

    相关文章

      网友评论

          本文标题:2-Flutter 系统开发工具安装与配置

          本文链接:https://www.haomeiwen.com/subject/axwdektx.html