Flutter 安装教程 + 运行教程

这篇具有很好参考价值的文章主要介绍了Flutter 安装教程 + 运行教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.下载依赖

https://flutter.cn/docs/get-started/install/windows
Flutter 安装教程 + 运行教程,flutter,flutter
解压完后根据自己的位置放置,如(D:\flutter)
注意
请勿将 Flutter 有特殊字符或空格的路径下。
请勿将 Flutter 安装在需要高权限的文件夹内,例如 C:\Program Files\。

2.配置国内镜像

国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中。

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

Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter

3.运行flutter命令

在安装目录的文件下找到 flutter_console.bat,双击运行并启动Flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了
Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter

4.更新环境变量

Flutter 安装教程 + 运行教程,flutter,flutter
环境变量追加 flutter\bin 的全路径,如图。
Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter

5.测试 Flutter

sdk安装成功,环境变量配置成功,使用win+R打开cmd
Flutter 安装教程 + 运行教程,flutter,flutter
打开命令提示符,输入flutter
Flutter 安装教程 + 运行教程,flutter,flutter
查看flutter依赖
输入flutter doctor看缺少什么依赖,并已经提供下载地址
Flutter 安装教程 + 运行教程,flutter,flutter
输入flutter --version查看版本
Flutter 安装教程 + 运行教程,flutter,flutter

6.vscode制作flutter项目

VSCode 新建并运行
安装插件flutter、Dart
Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter

7.模拟器使用的是夜神

https://www.yeshen.com/
安装然后找到小屏幕
Flutter 安装教程 + 运行教程,flutter,flutter

8.创建项目

Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter
Flutter 安装教程 + 运行教程,flutter,flutter
选择一个路径即可
Flutter 安装教程 + 运行教程,flutter,flutter
运行
新建终端输入flutter run
Flutter 安装教程 + 运行教程,flutter,flutter
选择模拟器
Flutter 安装教程 + 运行教程,flutter,flutter

9.安装android studio

Flutter 安装教程 + 运行教程,flutter,flutter

9.flutter文章介绍

https://flutterchina.club/文章来源地址https://www.toymoban.com/news/detail-692280.html

到了这里,关于Flutter 安装教程 + 运行教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Flutter入门教程(一),2023最新版包含安装,初始化!简单易懂!

    首先,在一切的开始之前我们来介绍一下什么是Flutter,Flutter 是一个由 Google 开发的开源移动应用程序开发框架,可以让开发者使用单一代码库构建高质量的、高性能的 Android 和 iOS 应用程序。Flutter 的主要优势之一是其快速的开发周期,因为它使用了热重载技术,这意味着开

    2024年02月16日
    浏览(43)
  • [Flutter]导入singular_flutter_sdk后运行到Android报错

    接入归因之前,flutter项目一起正常。接入归因之后,iOS正常Android有问题。 针对 Flutter 的 Singular SDK 集成指南 https://support.singular.net/hc/zh-cn/articles/4408894547227-%E9%92%88%E5%AF%B9-Flutter-%E7%9A%84-Singular-SDK-%E9%9B%86%E6%88%90%E6%8C%87%E5%8D%97 android/app/build.gradle android/build.gradle settings.gradle gradle

    2024年04月14日
    浏览(60)
  • flutter ios 运行报错

    解决方式 cd /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/ 在git上下载arc文件 解压之后,放在步骤2的地址里面就可以了

    2024年04月13日
    浏览(38)
  • Flutter 项目创建、运行及结构分析

    目录 开发工具  创建项目   1.New Flutter Project         1.1直接创建新项目         1.2 已有项目创建新项目   2.选择SDK,补充项目资料   3.Demo已生成         3.1 android 目录         3.2 ios目录         3.3 lib目录             3.4 test 目录(可先不管) 4.配置文件    

    2024年02月11日
    浏览(65)
  • 如何利用Flutter框架开发运行小程序

    Flutter 是一个非常优秀的开发框架,借助 Flutter,开发者可以在 iOS 以及 Android 平台自由地发挥创意,构建交互丰富的、精美的应用程序。 Flutter产品团队透露,创建Flutter的初衷是试图彻底改变应用开发:将网络的迭代开发模式与硬件加速图形渲染和像素级控制相结合,而这在

    2024年02月08日
    浏览(30)
  • 开发Flutter时点击运行时的报错

    Could not build the precompiled application for the device. Error (Xcode): No profiles for \\\'com.jiniu.paymentpro\\\' were found: Xcode couldn\\\'t find any iOS App Development provisioning profiles matching \\\'com.jiniu.paymentpro\\\'. Automatic signing is disabled and unable to generate a profile. To enable automatic signing, pass -allowProvisioningUpdates to xcodebui

    2024年02月10日
    浏览(22)
  • 运行flutter doctor命令窗口直接闪退

    在cmd中输入flutter doctor后闪退了。 使用高速摄像机可以看到报错信息。  报错信息的意思是git的文件夹不能删掉,请保留flutter中git文件。

    2024年02月12日
    浏览(27)
  • Flutter 单线程模型保证UI运行流畅

    Flutter 框架出色的渲染和交互能力。支撑起这些复杂的能力背后,实际上是基于单线程模型的 Dart。那么,与原生 Android 和 iOS 的多线程机制相比,单线程的 Dart 如何从语言设计层面和代码运行机制上保证 Flutter UI 的流畅性呢? 因此今天,我会通过几个小例子,循序渐进地向你

    2024年02月16日
    浏览(26)
  • Flutter 生成运行小程序的混合App开发实践

    微信小程序发展的越来越快,目前小程序甚至取代了大部分 App 的生态位,公司的坑位不增反降,只能让原生应用开发兼顾或换岗进行小程序的开发。 以我的实际情况来讲,公司应用采用的 Flutter 框架,同样的功能不可避免的就会存在 Flutter 应用开发和微信小程序开发兼顾的

    2024年02月14日
    浏览(30)
  • windows Vscode运行Flutter项目,雷电模拟器

    全流程参考链接  官网配置windows 的 flutter运行环境  !!! 1、安装jdk 11并配置全局环境变量 官网下载JAVA的JDK11版本(下载、安装、配置环境变量)_java11下载_云边的快乐猫的博客-CSDN博客 2、下载安装Flutter SDK: (1)版本选择(windows:Stable channel稳定版本,3.7.7) Flutter SD

    2024年02月06日
    浏览(30)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包