Flutter的安装与设置(第一节)

2021年11月24日 阅读数:5
这篇文章主要向大家介绍Flutter的安装与设置(第一节),主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

若是你迷茫,不妨来瞅瞅码农的轨迹javascript


第一篇​​ ​#聊一聊悟空编辑器# WuKong,让咱们编辑文章更便捷!​java

第二篇​ ​该怎么顺利有益地度过大学四年 ​android

第三篇​​​如何在 Flutter 中构建任何类型的应用程序(并克服教程地狱)​macos

这是我在51的第四篇json

个人目录大概是这样,但后面有可能更新windows

Flutter的安装与设置(第一节)_flutter

在安装以前和你们罗嗦几句,android-studio

什么是flutter

Flutter是一个开源软件开发工具包 (SDK),用于“帮助开发者经过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台”。容许跨平台开发。这样可使您的公司和团队节省大量时间和精力。markdown

那么,这到底是什么意思?假设咱们有一位开发人员建立了一个惊人的应用程序,而且人们喜欢它。可是,该应用程序仅在 Android上受支持。所以,开发人员决定花费大量时间学习 IOS以支持更多用户使用他们的应用程序。即便在学习了如何构建 IOS应用程序以后,他们也意识到他们的应用程序必须支持全部类型的 IOS设备,而后去一一适配,这会让他们头秃。解决这些问题。只需引入Flutter就能够解决,并发

这就是 Flutter 的用武之地。编辑器

2021年3月4日,谷歌正式发布了 Flutter 的 2.0。该版本最大的特性就是能够支持五大主流的操做系统:iOS、Android、Linux、Windows 和 MacOS。官方甚至还说丰田将会把 Flutter 带到汽车中。

也就是说,咱们能够用一套 Flutter 代码适配全平台了。

目前flutter版本已经已经2.5.3

Flutter的安装与设置(第一节)_dart_02

但在此以前,第一步是安装 Flutter SDK 并熟悉您的 IDE,以便您能够充分利用它。若是你已经这样作了,你能够跳到底部并发现我给你们的彩蛋,我最喜欢的 VSCode 插件。

安装

官方网站上提供了完整的安装说明:

若是您想在 Android 和 iOS 上构建 Flutter 应用程序,您须要安装相应的 SDK,以及 Android 模拟器和 iOS 模拟器。上面的指南解释了如何作到这一点。

注意:您只能在 macOS 系统上为 iOS 开发 Flutter 应用程序。若是您使用的是 Windows,则只能为 Android 构建。

配置您的 IDE

您还须要一个代码编辑器,例如​​Android Studio​​​或​​Visual Studio Code​​,以及 Dart 和 Flutter 插件:

要充分利用您的 IDE,请查看文档以获取有关运行和调试应用程序、使用代码片断、关键字快捷方式等的提示:

flutter doctor

安装完全部内容后(不要忘记在​​Windows​​​或​​MacOS​​​上配置系统路径!),您应该能够​​flutter doctor​​在终端上输入。你的输出应该是这样的:

Flutter的安装与设置(第一节)_flutter_03


若是​​flutter doctor​​没有报告任何错误,则您已经拥有开始构建应用程序所需的一切。

是时候进行快速想上手了。这个页面向你展现了如何建立一个新的 Flutter 项目并运行它:


彩蛋:VS Code 插件能够像 Flutter Pro 同样进行开发

若是您使用 VSCode,我强烈建议您添加一些有用的扩展。这些是个人最爱:

这些是我一直在使用的。若是你还有好的推荐,麻烦在评论区告诉我,咱们一块儿进步。

您还能够启用一些 VSCode 设置来改善您的开发体验。这些能够经过在命令面板中打开首选项:打开设置 (JSON)设置


  • 设置​​"editor.formatOnSave": true​在保存时启用格式(适用于​​dartfmt​
  • 设置​​"editor.bracketPairColorization.enabled": true​​为启用高性能支架对着色(​​此处解释​

恭喜,您的 Flutter 开发环境已准备就绪!

个人settings.json

里面我用到了版本控制fvm,有同鞋须要的话,去搜搜如何安装,我也就不阐述了

{
"security.workspace.trust.enabled": false,
"dart.flutterSdkPaths": [
"/Users/andrea/fvm/versions"
],
"dart.flutterSdkPath": "/Users/andrea/fvm/versions/stable",
"dart.warnWhenEditingFilesOutsideWorkspace": false,
"dart.debugSdkLibraries": false,
"dart.lineLength": 80,
"dart.openDevTools": "flutter",
"dart.previewFlutterUiGuides": true,
"dart.previewFlutterUiGuidesCustomTracking": true,
"editor.bracketPairColorization.enabled": true,
"editor.formatOnSave": true,
"editor.renderWhitespace": "all",
"editor.minimap.enabled": false,
"editor.inlineSuggest.enabled": true,
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"markdown.extension.toc.updateOnSave": false,
"todo-tree.highlights.enabled": true,
"todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)",
"todo-tree.general.tags": [
"BUG",
"HACK",
"FIXME",
"TODO",
"XXX",
"[ ]",
"[x]"
],
"terminal.integrated.tabs.enabled": true,
"window.zoomLevel": 1,
"workbench.colorTheme": "Dracula",
}

下一节给你们带来dart语言基础,其实我以前简单写过一篇,但尚未系统的写过,就在下一篇与你们一块儿分享