flutter的安装与设置

什么是flutter

---

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

那么，这究竟是什么意思？假设我们有一位开发人员创建了一个惊人的应用程序，并且人们喜欢它。但是，该应用程序仅在 Android上受支持。因此，开发人员决定花费大量时间学习 IOS以支持更多用户使用他们的应用程序。即使在学习了如何构建 IOS应用程序之后，他们也意识到他们的应用程序必须支持所有类型的 IOS设备，然后去一一适配，这会让他们头秃。解决这些问题。只需引入Flutter就可以解决，这就是 Flutter 的用武之地。

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

也就是说，我们可以用一套 Flutter 代码适配全平台了。

目前flutter版本已经已经2.5.3

但在此之前，第一步是安装 Flutter SDK 并熟悉您的 IDE，以便您可以充分利用它。如果你已经这样做了，你可以跳到底部并发现我给大家的彩蛋，我最喜欢的 VSCode 插件。

安装

---

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

• 安装flutter

• 安装flutter中文网地址

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

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

配置您的 IDE

---

您还需要一个代码编辑器，例如Android Studio或Visual Studio Code，以及 Dart 和 Flutter 插件：

• 设置编辑器中文网

• 设置编辑器

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

• Android Studio 和 IntelliJ

• Android Studio 和 IntelliJ中文网

• vs-code

• vs-code中文网

flutter doctor

---

安装完所有内容后（不要忘记在Windows或MacOS上配置系统路径！），您应该可以flutter doctor在终端上输入。你的输出应该是这样的：

Doctor summary (to see all details, run flutter doctor -v):

[√] Flutter (Channel stable, 2.5.1, on Microsoft Windows [Version 10.0.19042.1288], locale zh-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)

! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

[√] Chrome - develop for the web

[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.3)

[√] Android Studio (version 4.2)

[√] Connected device (3 available)

! Doctor found issues in 0 category.

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

是时候进行快速试驾了。这个页面向你展示了如何创建一个新的 Flutter 项目并运行它：

• 开发初体验官方文档

• 开发初体验中文网

彩蛋：VS Code 插件可以像 Flutter Pro 一样进行开发

---

如果您使用 VSCode，我强烈建议您添加一些有用的插件。这些是我的最爱：

• Flutter and Dart 这两个插件没有，你就别用vscode开发了吧。

• 官方主题（谁不喜欢黑暗模式？😉）

• errorlens（在您键入时获取有关错误的任何反馈：超级有用）

• pubspec-assist（注意：类似的功能也可用于新的“Dart：添加依赖”和“Dart：添加开发依赖”命令）

• Todo Tree

• Better Comments

• Remove Comments

• Color Highlight

• Bracket Pair Colorizer 2

• Material Icon Theme

• Image Preview

这些是我一直在使用的。如果你还有好的推荐，麻烦在评论区告诉我，我们一起进步。

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

最后

这里我特地整理了一份《Android开发核心知识点笔记》，里面就包含了自定义View相关的内容

除了这份笔记，还给大家分享 Android学习PDF+架构视频+面试文档+源码笔记，高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。

分享上面这些资源，希望可以帮助到大家提升进阶，如果你觉得还算有用的话，不妨把它们推荐给你的朋友~

喜欢本文的话，给我点个小赞、评论区留言或者转发支持一下呗~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
[外链图片转存中…(img-EsX5BEq1-1715826504585)]

分享上面这些资源，希望可以帮助到大家提升进阶，如果你觉得还算有用的话，不妨把它们推荐给你的朋友~

喜欢本文的话，给我点个小赞、评论区留言或者转发支持一下呗~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！