搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】)

这篇具有很好参考价值的文章主要介绍了搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

搭建开发环境

1. 下载Flutter SDK

2. 设置镜像地址及环境变量

3. 安装与设置Android Studio

4. 安装Visual Studio Code与Flutter开发插件

5. IDE的使用和配置

6. 安装Xcode

7. 检查Flutter开发环境

好书推荐

内容简介

作者简介


搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

搭建开发环境

Flutter可以跨平台运行在Windows、macOS、Linux等系统上。接下来介绍如何在Windows、macOS系统上搭建Flutter的开发环境,以及检查Flutter开发环境。

搭建开发环境分为以下 7 步。

(1)下载Flutter SDK。

(2)设置镜像地址及环境变量。

(3)安装与设置Android Studio。

(4)安装Visual Studio Code与Flutter开发插件。

(5)IDE的使用和配置。

(6)安装Xcode。

(7)检查Flutter开发环境。



1. 下载Flutter SDK

到Flutter官网下载最新的SDK,macOS版本下载界面如图所示。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动


Windows版本下载界面如图所示。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

由于在国内访问Flutter官网有时会受到限制造成无法访问,因此可以去Flutter GitHub主页下载SDK,地址是https://github.com/flutter/flutter/releases,选择下载最新的ZIP包即可。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

下载ZIP包后,把ZIP安装包解压到想要安装Flutter SDK的文件目录(如C:\src\flutter)下即可,切记不要把Flutter SDK安装到需要某些高级权限的路径上,如C:\Program Files\或C:\Program Files(x86)。



2. 设置镜像地址及环境变量

由于在国内访问Flutter官网有时会受到限制,Flutter官方为国内开发者搭建了临时镜像,需要添加如下环境变量。

export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意,此镜像为临时镜像,不能保证一直可用,读者可以参考Flutter GitHub主页https://github.com/flutter/flutter/wiki来获得有关镜像服务器的最新动态。

想要运行Flutter命令,还需要将Flutter SDK的全路径(如\flutter\bin)设置到环境变量PATH中,具体设置方法如下。

在macOS中设置镜像地址,具体步骤如下。

(1)打开macOS自带终端,并输入命令行vi./.bash_profile。

(2)添加下面的Flutter相关工具到PATH中。

export PATH=$PATH: [ 你计算机本地安装 Flutter 的路径 ]/flutter/bin

(3)设置完上述变量后,输入使其生效的命令。

Source ./.bash_profile

(4)检查设置是否成功,输入以下命令行。

echo $PATH


3. 安装与设置Android Studio

安装与设置Android Studio的具体步骤如下。

(1)去Android开发者官网下载并安装Android Studio。安装完成后,启动Android Studio,根据安装向导的指示步骤安装最新的Android SDK及与Flutter相关的工具。

(2)进入Android Studio的设置界面,选择“Android Studio → Preferences... → Plugins”选项,安装Flutter Plugin和Dart Plugin。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

(3)在Plugins设置界面中,搜索“flutter”,单击“Install”按钮进行安装。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

(4)接着继续在Plugins设置界面中搜索“dart”,单击“Install”按钮进行安装。

(5)安装完成后,重启Android Studio,会出现一个“Create New Flutter Project”选项,说明已经安装成功了,可以直接创建Flutter项目了。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动



4. 安装Visual Studio Code与Flutter开发插件

安装与设置Visual Studio Code(简称VS Code)的具体步骤如下。

(1)去VS Code官网根据计算机系统下载并安装对应的VS Code,Windows和macOS的安装步骤大同小异,这里不再赘述。安装完成后,启动VS Code,打开的界面如图所示。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

(2)进入VS Code的打开界面后,选择左侧的“Extensions → Search Extensions”选项,搜索“flutter”,单击“安装”(或“Install”)按钮安装Flutter开发插件。

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

(3)同理,继续在Search Extensions设置界面中搜索“dart”,单击“安装”(或“Install”)按钮进行安装。



5. IDE的使用和配置

Flutter官方推荐的编辑器有两个——VS Code和Android Studio,以便获得更好的开发体验。

通过IDE和插件可以实现代码补全、语法高亮、编辑辅助、运行和调试等功能,极大地提高了开发效率。

对于Flutter官方推荐的上述两个编辑器,根据程序调试及开发的便捷性,建议使用AndroidStudio编辑器。



6. 安装Xcode

如果要给iOS开发Flutter应用程序,需要一台macOS系统的计算机,并且安装Xcode。在macOS系统上安装Xcode的步骤很简单,直接在macOS系统自带的App Stroe上搜索“Xcode”,然后一键安装即可。



7. 检查Flutter开发环境

经过上述几节的安装操作,关于Flutter开发环境的搭建工作已经结束,但是在开启Flutter开发旅程前,需要检查一下Flutter开发环境是否正常。在终端中输入命令行flutter doctor,会在终端窗口中显示如下报告信息。

Doctor summary (to see all details, run flutter doctor -v):[√] Flutter (Channel stable, 2.0.4, on macOS 11.2.3 20D91 darwin-x64, localezh-Hans-CN)[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)[√] Xcode - develop for iOS and macOS[√] Chrome - develop for the web[√] Android Studio (version 4.1)[√] VS Code (version 1.57.1)[√] Connected device (1 available)·No issues found!

输出结果显示没有缺少的环境,若出现红色叉号,就需要我们解决环境问题。



好书推荐


搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动

内容简介

本书由浅入深地带领读者进入Flutter开发的世界,从Flutter的起源讲起,逐步深入Flutter进阶实战,并在最后配合项目实战案例,让读者不但可以系统地学习Flutter编程的相关知识,而且还能对Flutter应用开发有更为深入的理解。

本书分为三部分:

第一部分为入门篇(第1~4章),主要介绍Flutter技术的诞生背景、特点、语言及常用组件的使用,通过对本篇的学习,读者可以掌握如何使用Flutter来搭建UI界面;

第二部分为进阶篇(第5~11章),主要包含Flutter的手势和事件处理、动画、自定义组件、文件操作和网络请求、路由导航和存储、混合跨平台开发、国际化等,通过对本篇的学习,读者可以对Flutter的整体流程及原理有一个深入的认识;

第三部分为实战篇(第12~14章),主要通过一个实战项目把前面介绍的内容整合起来,并且结合Flutter应用发布和Flutter App升级等一条线流程,让读者对开发一个完整的Flutter App有一个整体的了解。

本书内容不仅包含大量示例、图片、表格,还有对应的配套示例源代码,可帮助读者循序渐进地掌握Flutter开发技术,而且通俗易懂,内容丰富,实用性强,特别适合Flutter语言的入门读者和进阶读者阅读,也适合移动开发的其他编程爱好者阅读。另外,本书还适合作为相关培训机构的教材使用。


作者简介

陈政,笔名:三掌柜,CSDN博客专家,CSDN上海城市开发者社区主理人,CSDN人工智能技术开发者社区主理人,InfoQ写作平台首批签约作者,阿里云技术社区专家博主,51CTO社区博客专家,腾讯云开发者社区2022年度“优秀作者”,友盟问答官。

大前端领域优质创作者,“大前端系列”专栏,文章内容通俗易懂,由浅入深,旨在帮助有需要的人;深耕大前端领域多年,理论结合实践,有着丰富的大前端开发经验。

当当购买链接:http://product.dangdang.com/29612754.html

京东购买链接:https://item.jd.com/13820697.html



抽奖方式:评论区随机抽取若干名小伙伴送出!!

参与方式:关注博主、点赞、收藏、评论区评论“网络安全,《Kali Linux高级渗透测试》”

(切记要点赞 + 收藏,否则中奖无效,每人最多评论三次!!)

Kali Linux送书文字(点击跳转,参与活动)

搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】),送书活动,学习,flutter,内网穿透,docker,北大出版社,送书活动文章来源地址https://www.toymoban.com/news/detail-716403.html

到了这里,关于搭建Flutter开发环境、从零基础到精通(文末送书【北大出版社】)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Flutter】macOS从零开始使用FVM搭建Flutter开发环境

    本文为个人记录macOS系统使用fvm从零开始搭建flutter开发环境到项目运行的过程,非教程性质,仅供参考,如有疑问或建议,欢迎大家在评论区留言 附上开发设备配置 以vscode为编码工具 下载地址:Download Visual Studio Code - Mac, Linux, Windows 下载后解压安装即可 Xcode 在 iOS 真机或者

    2024年02月09日
    浏览(46)
  • Django新手必看:从入门到精通Web应用开发①【文末送书三本】

    🏘️🏘️个人简介:以山河作礼。 🎖️🎖️: Python领域新星创作者,CSDN实力新星认证,阿里云社区专家博主 🎁🎁:Web全栈开发专栏:《Web全栈开发》免费专栏,欢迎阅读! 🎁🎁: 文章末尾扫描二维码可以加入粉丝交流群,不定期免费送书。 Django 是使用 Python 语言开发的

    2024年02月08日
    浏览(47)
  • 【粉丝福利社】Flutter小白开发——跨平台客户端应用开发学习路线(文末送书-完结)

    🏆 作者简介,愚公搬代码 🏆《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,51CTO博客专家等。 🏆《近期荣誉》:

    2024年01月16日
    浏览(71)
  • 【粉丝福利社】Flutter小白开发——跨平台客户端应用开发学习路线(文末送书-进行中)

    🏆 作者简介,愚公搬代码 🏆《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,51CTO博客专家等。 🏆《近期荣誉》:

    2024年01月18日
    浏览(79)
  • 【文末送书】Python OpenCV从入门到精通

    OpenCV(Open Source Computer Vision Library)是一个开源的计算机视觉库,提供了丰富的图像处理和计算机视觉算法。它由一组用C++编写的函数和工具组成,同时也支持多种编程语言,如Python、Java等。 OpenCV的主要特点包括: 跨平台性:OpenCV可以在多个操作系统上运行,包括Windows、

    2024年02月05日
    浏览(41)
  • JavaScript之路:从入门到精通【文末送书-39】

    JavaScript,作为一种前端开发语言,已经成为Web开发中不可或缺的一部分。无论是网页动态交互、数据处理、还是移动应用开发,JavaScript都扮演着重要的角色。本文将带您从入门到精通,系统地学习JavaScript的各个方面。 了解JavaScript 首先,我们要明确JavaScript是什么,它的起源

    2024年03月23日
    浏览(35)
  • 手机摄影掌中艺术从实战到精通【文末送书-35】

    随着科技的不断发展,智能手机的摄影功能也越发强大,使得手机摄影成为了广大摄影爱好者的首选。从日常生活的点滴到重要时刻的记录,手机摄影已经成为一种便捷而高效的方式。本文将从实战经验到技巧精通,为读者提供手机摄影的全面指南。 熟悉手机摄影基础设置

    2024年03月10日
    浏览(39)
  • Java大师之路:从入门到精通的完整学习指南【文末送书-18】

    Java是一门广泛应用于企业级应用和移动应用开发的高级编程语言。无论是初学者还是有经验的开发者,深入了解Java的方方面面都是一项重要的任务。本文将带领读者从Java的基础入门开始,逐步深入,直至精通这门强大的编程语言。 在开始学习Java之前,理解一些基础概念是

    2024年01月24日
    浏览(74)
  • AI提示工程实战:从零开始利用提示工程学习应用大语言模型【文末送书-19】

    随着人工智能技术的飞速发展,大语言模型如GPT-4等在自然语言处理领域取得了令人瞩目的成果。而对于普通用户而言,如何利用这些强大的模型进行实际应用成为一个备受关注的话题。本文将介绍一种称之为“提示工程”的方法,通过简单的提示构建,让大语言模型为我们

    2024年02月19日
    浏览(51)
  • AI智能化办公:ChatGPT使用方法与技巧从入门到精通【文末送书-20】

    随着科技的不断发展,人工智能逐渐渗透到我们的生活和工作中,为我们提供了更加便捷高效的工作方式。其中,ChatGPT作为一种先进的语言模型,被广泛应用于办公场景,为用户提供了强大的自然语言处理能力。本文将介绍ChatGPT的基本使用方法,并分享一些技巧,帮助用户

    2024年02月21日
    浏览(63)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包