Flutter-创建Flutter项目的几种方法

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

方法一:终端命令行创建,打开终端,cd 打开创建项目文件存放位置,输入flutter create 项目名

flutter create 项目名

注意点⚠️:创建过程中可能会出现 "xxx项目名" is not a valid Dart package name.这样的错误提示。
flutter 创建项目,Flutter,flutter,android,android studio

这里我们需要注意的命名规范
Package names should be all lowercase, with underscores to separate words, ‘just_like_this’. Use only basic Latin letters and Arabic digits: [a-z0-9_].
即:项目名称只能出现小写字母、下划线_以及0-9的数字

方法二:通过vs code开发工具去创建

注意❗️:若要使用此方法必须安装两个插件: Flutterdart
还可以安装Awesome Flutter Snippets这个插件,智能提示代码
flutter 创建项目,Flutter,flutter,android,android studio
flutter 创建项目,Flutter,flutter,android,android studio
flutter 创建项目,Flutter,flutter,android,android studio

在vs code中按 commode+shift+p,调出如下图所示,选中Flutter:New Project后直接在输入框中输入项目名称, 回车, 按照提示操作即可
flutter 创建项目,Flutter,flutter,android,android studio

运行
flutter 创建项目,Flutter,flutter,android,android studio

方法三:利用Android Studio创建项目

先安装插件: Flutterdart,左上角单击Android Studio,选择设置 Settings,找到Plugins

flutter 创建项目,Flutter,flutter,android,android studio
flutter 创建项目,Flutter,flutter,android,android studio

创建项目
flutter 创建项目,Flutter,flutter,android,android studio
flutter 创建项目,Flutter,flutter,android,android studio
flutter 创建项目,Flutter,flutter,android,android studio文章来源地址https://www.toymoban.com/news/detail-529553.html

到了这里,关于Flutter-创建Flutter项目的几种方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Android Studio导入flutter项目,运行和调试按钮灰色

    解决方法:检查是否设置如下内容: 1.是否配置了Android SDK ,打开 file = project Structure =project 2.是否配置了Flutter SDK,打开 setting = LanguagesFrameworks =Flutter 3.是否配置了main.dart,点击Add Configuration = Flutter 选中当前需运行项目的main.dart路径并命名,配置成功后选中刚刚命名的dart即

    2024年02月11日
    浏览(69)
  • 在Android原生项目中 创建 Flutter模块

    应用场景: 在已有的 Android原生项目中,引入Flutter模块,摸索了两天,终于给整出来了; 如果是新项目 ,最好直接创建Flutter项目,然后在Fluter的 android / ios目录中,写原生代码; 本文除了讲解 Android原生如何创建Flutter模块外,还会演示在使用 Gradle 高版本 和 低版本  时可

    2024年01月19日
    浏览(43)
  • Flutter路由的几种用法

    Flutter路由跳转 search.dart页面 命名路由跳转需要先配置路由 routers.dart配置文件 然后需要在首页添加initialRoute和onGenerateRoute配置 context属性中写配置中的路径,arguments属性中是跳转需要带的参数,跳转到form.dart页面并接收参数。 命名路由替换跳转用pushReplacementNamed,跳转新页面

    2024年02月04日
    浏览(40)
  • Flutter & Android问题记录 - 升级Android Studio 2022.2.1版本后运行项目报错

    最近一个Flutter项目有新需求,开发时一直是在iOS设备上运行,花了几天做完后运行到Android设备测试,结果项目构建失败了。 Flutter: 3.7.11 Android Studio: 2022.2.1 Java: 17.0.6 Gradle: 7.4 Android Gradle Plugin (AGP): 4.1.3 项目构建报错日志: 报错有点眼熟,根据以往开发经验,应该是Gradle版本

    2023年04月24日
    浏览(85)
  • flutter和android互相调用、android原生项目与flutter module之间的交互、如何在flutter module中使用原生的方法

    bridge.dart MainActivity.kt MainActivity中 Flutter中 android项目依赖flutter module的方式网上有很多,这里就不做讲解。主要说一下这种情况下android如何与flutter module之间进行方法的调用 踩坑:期初我是想让flutter module调用它内部中的.android文件夹下的原生代码。.android文件夹下有Flutter、

    2023年04月08日
    浏览(45)
  • Flutter 开发者工具 Android Studio 开发Flutter应用

    Flutter 开发者工具 在 Android Studio 开发Flutter应用 🔥 Android Studio 版本更新 🔥 Android Studio Check for Update Connection failed ​ 解决方案 ​    ​  🔥 编辑代码,和查看问题 🔥  Dart 插件 可以做到如下几点 :  语法高亮显示。 基于多种类型分析的代码补全。 定位到类型的声明(

    2024年02月15日
    浏览(112)
  • Android studio Flutter环境配置

    流程如下 1.前往下载网站下载所需的sdk flutter sdk下载地址 2.配置环境变量步骤 2.1:可以在用户变量中添加变量(有些时候我没有配置这两条变量也没问题) 2.2在用户环境变量的Path中添加flutter bin路径 3.cmd打开命令窗,运行flutter doctor 可查看flutter sdk 信息,可以看到配置到环境

    2024年02月17日
    浏览(44)
  • Android Studio Flutter 开发配置

    近来比较闲,就研究下Flutter 开发,在此记录下studio 配置过程,时间是2023.7.19 1.首先下载 Flutter SDKhttps://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.10.6-stable.zip 2.将压缩包解压,然后把其中的  flutter  目录整个放在你想放置 Flutter SDK 的路径中(例如 

    2024年02月16日
    浏览(41)
  • Android Studio(Flutter)常用快捷键

    快捷键 说明 Ctrl + Alt + M 抽取方法 Ctrl + Alt + W 抽取组件 Alt + Enter 包裹组件 Shift + F6 重命名 Ctrl + Alt + L 代码格式化 Ctrl + Alt + O 删除无用import Ctrl + X 删除光标所在行 Ctrl + D 复制一行代码 Ctrl + C 复制 Ctrl + V 粘贴 Ctrl + Z 撤销 Ctrl + / 注释一行代码 Ctrl + Shift + / 注释一段代码 Ctrl

    2024年02月02日
    浏览(46)
  • Flutter在Visual Studio Code上首次创建运行应用

    一、创建Flutter应用 1、前提条件     安装Visual Studio Code并配置好运行环境 2、开始创建Flutter应用 1)、打开Visual Studio Code 2)、打开  View Command Palette 。 3)、在搜索框中输入“flutter”,弹出内容如下图所示,选择“  Flutter: New Project ”,并点击Enter 4)、选择  Applocation ,并点击

    2024年02月04日
    浏览(51)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包