【问题标题】:Is it possible to use Android Studio to build a website in flutter是否可以使用 Android Studio 在 Flutter 中构建网站
【发布时间】:2019-10-13 10:24:24
【问题描述】:

我有一些使用带有 Java 语言的 Android Studio 构建 Android 应用程序的基本知识。现在我想开始学习颤振,但对一些事情不太确定。我读到可以使用颤振构建跨平台移动应用程序,我可以使用 android studio 来构建这些应用程序。使用 Flutter 也可以构建网站和桌面项目。

我的困惑是:

1) 我可以使用带有 Flutter 的 Android Studio IDE 来构建移动应用(Android 和 IOS)、桌面应用和网站吗?

2) 首先,我以为我只是为移动应用程序和网站编写了一个代码,但我想我错了。那么,如果移动应用程序和网站的代码不同,那么它们有何不同呢?我的意思是它是完全不同的东西还是有一些相似之处。那么,如果有人可以使用 Flutter 构建移动应用,那么他们也可以轻松地使用 Flutter 构建网站吗?

3) 可以用flutter web代替php做网站和web服务吗?

【问题讨论】:

    标签: flutter flutter-web flutter-desktop


    【解决方案1】:
    1. 是的,Android Studio 可用于编写带有 Flutter 的 Android、iOS、Web 和桌面应用程序。所有这些都具有一个代码库。通过使用 Flutter,您无需为移动和网络编写单独的应用程序。

    2. 目前,Flutter web 仍处于技术预览阶段。因此,它是原始 Flutter 项目的一个分支。这意味着您需要将移动代码和 Web 代码分开,因为 Web 项目需要导入 flutter_web,而移动项目只需导入 flutter。这是唯一的区别。 但是当 Flutter Web 稳定后,它会与原来的 Flutter SDK 合并,然后你的代码在移动端和 Web 端都是一样的!

    3. Flutter 是一个前端框架。 PHP 用于后端。所以不能直接比较。 使用 Flutter,您可以构建 UI。如果您需要后端框架,请查看server side Dart,它真的很容易学习,也很强大。

    奖励:Flutter 使用 Dart 作为语言,所以如果你学习了 Flutter,你就已经知道了 Dart :) 一种语言来统治他们!

    【讨论】:

      【解决方案2】:

      是的。 在你的项目目录中打开 CMD。

      1. 您需要为 Flutter 启用 Web 支持。使用以下命令来做到这一点。

        flutter channel beta
        
        flutter upgrade
        
        flutter config --enable-web
        
      2. 如果您希望现有的 Flutter 项目在 Web 上运行,那么在您的项目目录中,您应该调用 flutter create . 命令。如果尚未创建,这将创建一个 Web 项目。

      3. 使用flutter devices 命令,您应该将 chrome 视为设备。

      4. 在 Android Studio 的设备列表中,它会显示在 Web 上运行项目的选项。

      5. 你也可以使用命令行来做同样的事情。使用flutter run -d chrome 命令在网络上运行您的项目。

      在工具和配置方面,创建 Web 项目与在 Flutter 中创建移动应用没有太大区别。所以,只要正确地遵循配置步骤,它应该很适合你。

      更多信息请参见this

      【讨论】:

        【解决方案3】:
        1. 您绝对可以使用 Android Studio IDE 以 Dart 语言为 Android 和 iOS 编写应用程序。我已经为这两个平台构建了 Android Studio,并将它们加载到 iOS 和 Android 模拟器上。就像 Bevan Shaw 在他的回答中所说,您可以查看 flutter.dev 网站上的 Flutter 教程,了解如何使用一种语言同时为两个平台进行开发。

        2. 您可以使用 Flutter 构建 Web 应用程序,但它还处于起步阶段。我最近一直在认真研究这个。转到此链接以获取一些 Web 示例:https://flutter.github.io/samples/ ---> 有关 Flutter Web 应用程序的更多信息在这里:https://flutter.dev/web。不幸的是,我一直找不到任何使用 Flutter for web 的商业应用程序。

        【讨论】:

        • 注意他问的是flutter web
        【解决方案4】:

        是的,可以使用 Android Studio 在 Flutter 中编写 Web 应用程序。我写了一篇文章,可以帮助你在 Flutter 中编写 Web 应用,链接在这里:https://medium.com/@zubairehman.work/flutter-for-web-c75011a41956

        如果您需要任何帮助,请告诉我:)

        【讨论】:

          【解决方案5】:

          使用Flutter-SDK 1.9Android Studio 3.4.2,完全支持Web 开发,您可以从列表中选择Google Chrome 作为设备(如果已安装),然后按运行以在Google Chrome 上运行您的Flutter web 项目。除了Flutter mobile development 所需的插件外,不需要其他插件。
          这是我测试过的。

          【讨论】:

            【解决方案6】:

            是的,您可以在 Android Studio 上创建和发布 Flutter Web。您可以使用 flutter create projectname 命令创建项目。我找到了create and publish Flutter web application here 的一个简单示例。

            【讨论】:

              【解决方案7】:

              1) 是的,这绝对是可能的。 Android Studio 有一个 Flutter 和 Dart 插件,效果很好。您可以按照在线教程一步一步地在此处进行设置,了解如何使其工作:https://flutter.dev/docs/get-started/editor。 2) 同样,由于 Flutter(使用 Dart 的库)和 Dart(使用 Flutter 的语言)被设计为一种用于移动开发的混合语言,这意味着您编写一个代码库,然后可以在其上运行安卓或IOS。当我使用这项技术时,我知道 Flutter & Dart 的下一步是在其功能中添加渐进式网站,因此我不确定它是否可用,因此一个代码库也可以在桌面上运行。 3) 抱歉,我不确定您的最后一个问题!

              【讨论】:

                【解决方案8】:

                更新@Kalpesh Kundanani 的回答。

                在第 2 点你必须跑 flutter create [new folder name] 从你的 Flutter 应用的文件夹中创建。如果您还没有安装,也请安装 chrome。

                • 转到新文件夹,然后
                • flutter run -d chrome 从命令行。

                【讨论】:

                  【解决方案9】:

                  是的,您可以使用 Flutter 构建(移动应用、桌面、网站)。 我已经使用 Android Studio 使用 Flutter 构建了一个移动应用程序,现在我正在使用 Flutter 和 Android Studio 构建网站。

                  【讨论】:

                    【解决方案10】:

                    1)当然,您可以使用 Android Studio 作为开发 Flutter web 的 IDE。我也在用这个。效果很好。

                    2) 你的想法是 100% 正确的。您无需为 web 编写其他代码。您也可以在 Android、Ios、web 、桌面应用程序 (Mac Os) 其他平台上使用相同的代码。

                    3)是的,您可以使用 Flutter web 来编写 Web 应用程序。

                    【讨论】:

                      猜你喜欢
                      • 1970-01-01
                      • 2020-03-22
                      • 2021-06-12
                      • 1970-01-01
                      • 1970-01-01
                      • 1970-01-01
                      • 1970-01-01
                      • 2020-10-14
                      • 2013-05-12
                      相关资源
                      最近更新 更多