程序员经验分享-hwhale

【Flutter 系列——1】Flutter环境搭建及配置这一篇就够了（Windows）

2023-11-06

最近正式入坑Flutter，首先从环境搭建开始，看了网上好多关于Windows环境搭建的资料，基本都是按官方文档写的，看完的感受是，还不如直接去看官方文档。

        官方英文文档传送门：Get Started: Install on Windows 。     

本文主要总结我实际搭建的过程，最后发现不一定按网上那些博客或者官方文档写的来也可以搭建成功。

总的来说需要的也就4样东西，找齐了配置一下就OK；

（1）Flutter SDK （建议下载官网的，下载完直接能用）

（2）下载Dart插件

（3）下载Flutter插件

（4）准备ide（Androidstudio或者IntelliJ IDEA）配置flutter的SDK即可

说明

  •   IntelliJ IDEA 通过plugins下载的插件都是放在安装目录下的plugins文件中，自己看一下就明白。
  •   Androidstudio 通过plugins下载的插件是放在默认位置的，这一点和IntelliJ IDEA不太一样，我本地的默认的路径是在 C:\Users\.AndroidStudio3.1\config\plugins 中，假如你已经有了Dart和flutter插件，可以解压后直接拷贝到该目录下即可。

详细的安装过程如下：

目录

1. 安装Flutter SDK

2. 安装Dart和Flutter插件

3. 配置Dart和Flutter插件到我们的ide中

4. Flutter学习必备资源

1. 安装Flutter SDK

首先下载官方文档中 flutter_windows_v0.4.4-beta.zip 压缩包（如下图红框中所示），解压到自己指定的位置，解压完文件夹名称叫做flutter，这就是Flutter SDK了（后面再ide中配置的时候需要）。同时将该文件夹中的bin添加到环境变量中。

2. 安装Dart和Flutter插件

（1）Flutter需要如下两个插件的支持：

  •     Flutter 插件用来支撑Flutter开发者的流程（运行，调试，热加载，等等）
  •     Dart插件则提供代码分析（代码合法性校验，代码补全等等）

（2）然后在Androidstudio或者IntelliJ IDEA 中下载Dart插件，假如下不了，那就是没有进行科学上网的原因，也可以通过科学上网访问下面的链接进行下载。假如是自己通过如下链接下载的，则把下载后的zip包解压后将整个文件夹复制到你使用的ide的plugins文件夹中（整个文件夹拷贝到plugins下即可）。

https://plugins.jetbrains.com/pluginManager/?action=download&id=Dart&build=IU-172.3757.52&uuid=076050b4-d279-493c-945e-5fb3ff2af32e

（3）然后在Androidstudio或者IntelliJ IDEA 中下载flutter-intellij插件，假如下不了，那就是没有进行科学上网的原因，也可以通过科学上网访问下面的链接进行下载。假如是自己通过如下链接下载的，则把下载后的zip包解压后将整个文件夹复制到你使用的ide的plugins文件夹中（整个文件夹拷贝到plugins下即可）。

https://plugins.jetbrains.com/pluginManager/?action=download&id=io.flutter&build=IU-172.3757.52&uuid=076050b4-d279-493c-945e-5fb3ff2af32e

 

（4）说明：使用自己的ide安装步骤如下： 

        1）启动Android Studio 
        2） 打开插件面板如下图所示
        3）选择【Browse repositories…】，勾选Flutter plug-in 然后点击 install 
        4）当提示是否安装Dart插件时点击Yes 
        5）安装完成后重启AS

这里写图片描述

这里写图片描述

其实到这我们需要准备的东西已经全了，下面看如何配置。

 

3. 配置Dart和Flutter插件到我们的ide中

我使用的是IntelliJ IDEA，Androidstudio类似。

打开ide，Create New Project——>选择Flutter，选择SDK路径后Next——>命名项目名（小写），选择项目存储路径后ok。

然后进去以后可能你看到并没有下载项目资源，不要慌，我们配置一下，具体的如下所示，第一张是配置DartSDK的路径（指向前面flutter的SDK中的  bin\cache\dart.sdk），第二张是配置flutter SDK路径。配置完成后重启ide，再重新创建新项目即可，等待的时间会比较长，耐心等待完成就可以开启flutter之旅了。

 

另外有几点说明：

（1）本人是移动端开发所以不管是Androidstudio或者IntelliJ IDEA都已经搭建好了，相关环境的搭建可查阅网络。

（2）本文前面教程中是以IntelliJ IDEA为基础描述的，假如你使用的是Androidstudio的话需要升级版本至3.1以上，然后在Androidstudio的Plugins中下载Dart和Flutter插件然后重启，就会在创建项目的界面出现创建Flutter的选项，然后创建flutter项目，配置本文中描述的flutter-SDK路径就可以了。

（3）可能有人看网上的资料迷糊，如下图怎么来的，其实在咱们下载的flutter_windows_v0.4.4-beta.zip解压包中有flutter_console.bat，双击就可以唤起如下界面。它便是flutter的控制台，我们可以在flutter控制台运行 flutter doctor 命令, 检测是否有依赖项未安装。

（4）文中提到的资料包，有无法下载的可以在文末留言，给我个邮箱，我可以打包共享。

 

4. Flutter学习必备资源

  flutter学习必不可少的资源可阅读下篇文章（包括一些比较好的中文站，论坛，教程等）：

        【Flutter 系列——2】Flutter和Dart进阶必备资料

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

flutter

前端技术

Windows

环境搭建

【Flutter 系列——1】Flutter环境搭建及配置这一篇就够了（Windows） 的相关文章

  • 没有为类型“Object”定义运算符“[]”。尝试定义运算符“[]”

    我的代码在下面给出了我在这一行中从 firebase 访问用户名时遇到的问题的错误 snapshot data username 它给出了上面提到的错误 我知道访问地图数据的唯一方法是这个 FutureBuilder future Fire

  • 是否可以在flutter中开发移动键盘应用程序

    我们想要开发具有一些独特功能 例如在键盘上翻译 的移动键盘应用程序 第三方键盘 我们想知道是否有一种方法可以同时为 IOS 和 Android 开发一次 使用 Flutter 或者其他解决方案 对此有一个长的和一个短的答案 简短的回答基本上

  • 尝试将 Flutter 应用上传到 ItunesConnect 时出现 UIWebView 错误

    我正在尝试将我的应用程序上传到应用程序商店 但是我不断收到错误消息 表明我的应用程序存在此问题 ITMS 90809 已弃用的 API 使用 不再接受使用 UIWebView 的新应用程序 相反 使用 WKWebView 可以提高安全性和可

  • .wav 文件长度/持续时间，无需读入文件

    有没有办法提取有关 wav 文件长度 持续时间的信息 而无需在 R 中读取文件 我有数千个这样的文件 如果我必须阅读每个文件才能找到其持续时间 那将需要很长时间 Windows 文件资源管理器为您提供了打开 长度 字段的选项 并且您可以查看

  • 在OpenCV中将YUV转换为BGR或RGB

    我有一个电视采集卡 其输入内容为 YUV 格式 我在这里看到了与此问题类似的其他帖子 并尝试尝试所述的所有可能的方法 但它们都没有提供清晰的图像 目前最好的结果是 OpenCVcvCvtColor scr dst CV YUV2BGR 函数

  • 更改desktop.ini不会在Windows中自动更新文件夹图标

    我使用此批处理脚本将所有文件夹和子文件夹的图标更改为位于文件夹中的 ico 文件 但是 资源管理器中的文件夹图标不会改变除非我手动重命名desktop ini将资源管理器中的文件更改为其他内容 然后返回desktop ini或者例如将字母更

  • 渲染时 Flutter SVG 延迟

    我在行中显示 SVG 文件形式的图像和文本 由于某些原因 svg 图像的渲染速度比屏幕的其余部分慢 从而导致延迟 这不利于用户体验 这种延迟正常吗 我该怎么做才能使整个屏幕同时渲染 Row mainAxisAlignment MainAxi

  • 如何解决内存碎片

    我们偶尔会遇到这样的问题 长时间运行的服务器进程 在 Windows Server 2003 上运行 由于内存分配失败而引发异常 我们怀疑这些分配由于内存碎片而失败 因此 我们一直在寻找一些可能对我们有帮助的替代内存分配机制 我希望有人能告

  • 以编程方式从 java 代码中查找 java.exe 的绝对路径

    如果我有一个由用户启动的 java jar 或类文件 假设在环境变量中设置了 java 路径 那么我如何从代码中找出 java exe javaw exe 的绝对路径文件正在启动 就像在 ubuntu 上一样 我们可以运行 which ja

  • C# - 方法必须有返回类型

    我在调用 C 中的方法时遇到问题 不断收到消息 方法 计算 必须有返回类型 using System Diagnostics namespace WindowsFormsApplication1 public partial class F

  • 使用 Visual Studio Code 在 Flutter 上运行 Gradle 时出错

    我正在使用 Windows 10 Visual Studio Code 我尝试在编写代码后运行我的代码 这就是它之后向我展示的内容 在调试模式下在 TECNO Camon CX 上启动 lib main dart 运行 Gradle 时出错

  • 带操作按钮的颤动本地通知

    我在我的 flutter 项目中尝试了 flutter 本地通知插件 它在简单通知上工作正常 但我需要带有操作按钮的通知功能 请帮助我或建议我实现此功能 不幸的是 flutter local notifications 插件尚不支持操作按钮

  • 如何在Windows上模拟socket.socketpair

    标准Python函数套接字 套接字对 https docs python org 3 library socket html socket socketpair不幸的是 它在 Windows 上不可用 从 Python 3 4 1 开始 我

  • 如何使用来自 Microsoft-Windows-NDIS-PacketCapture 提供程序的实时 ETW 事件？

    更大的问题是一般如何使用实时 ETW 网络堆栈事件 但我特别感兴趣Microsoft Windows NDIS PacketCapture 提供程序 所有其他网络堆栈提供程序都部分工作 但 NDIS PacketCapture NDIS P

  • Android Studio Flutter 项目错误：内存不足

    我在 Android Studio 上运行任何 flutter 项目 都会抛出内存不足错误 控制台中显示的消息如下所示 e b build slave windows engine build src third party dart ru

  • 如何从Windows阻止社交媒体[关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我想根据时间阻止我的电脑上的社交媒体 晚上 9 点后屏蔽 上午 11 点后解锁 如家长控制 我尝试过关注但失败了 创建了

  • 如何在批处理文件中回显换行符？

    如何从批处理文件输出中插入换行符 我想做类似的事情 echo hello nworld 这会输出 hello world Use echo hello echo echo world

  • Windows 窗口对接

    我想知道如何在 Windows 中将窗口停靠 捕捉到屏幕的一侧 最好使用直接的 Win32 API 我正在寻找的效果就像任务栏 一个在屏幕上有保留空间的窗口 因此最大化另一个窗口会使该窗口占据屏幕的其余部分 但使我的窗口保持在适当的位置并可

  • 在哪里可以获得 PHP 5.3+ 的 runkit DLL 扩展？

    这是一个简单的问题 我在哪里可以获得 PHP 5 3 版本的 runkit 扩展 它的手册 http php net manual en book runkit php http php net manual en book runkit

  • 在没有动画的情况下替换 MaterialApp 中的初始路线？

    我们的应用程序建立在Scaffold到目前为止 我们已经能够使用内部提供的调用来满足我们的大部分路由和导航要求NavigatorState pushNamed pushReplacementNamed ETC 但我们不想要的是 当用户从抽屉

随机推荐

  • 动态规划快速入门

    更多内容 欢迎关注微信公众号 全菜工程师小辉 公众号回复关键词 领取免费学习资料 动态规划算法一直是面试手撕算法中比较有挑战的一种类型 很多的分配问题或者调度问题实际上都可能用动态规划进行解决 当然 如果问题的规模较大 有时候会抽象模型使用

  • 【CV】第 14 章：用最少的数据点训练

    大家好 我是Sonhhxg 柒 希望你看完之后 能对你有所帮助 不足请指正 共同学习交流 个人主页 Sonhhxg 柒的博客 CSDN博客 欢迎各位 点赞 收藏 留言 系列专栏 机器学习 ML 自然语言处理 NLP 深度学习 DL fore

  • 情人节-动态爱心背景（html5+css+js）

    一 效果图 二 源代码

  • GDAL对TIF创建内建金字塔一个问题

    gdalwarp输出tif图像的时候 默认如果没有使用BIGTIFF YES选项 则会根据输出影像的大小进行判断 低于4G则不适用bigtiff格式 对于非bigtiff图像 如果这时候使用gdaladdo创建金字塔 内建模式 如果出现了文

  • SQL——游标

    非原创 东拼西凑来的 游标 cursor 是一个存储在MySQL服务器上的数据库查询 它不是一条SELECT语句 而是被该语句检索出来的结果集 在存储了游标之后 应用程序可以根据需要滚动或浏览其中的数据 游标主要用于交互式应用 其中用户需要

  • 业务安全及实战案例

    业务安全 关于漏洞 注入 业务逻辑 信息泄露 A04 2021 Insecure Design 在线靶场PortSwigger 1 概述 1 1 业务安全现状 1 1 1 业务逻辑漏洞 近年来 随着信息化技术的迅速发展和全球一体化进程的不断

  • php读写excel文件

    1 引入包 有不少提供读写excel文件的包 这里选择比较常用的一个 加到自己的项目里就好了 phpoffice phpspreadsheet 1 8 2 2 读取文件

  • Android中的USB中的UsbAccessory和UsbDevice的区别

    转载自 http www crifan com android usb usbaccessory vs usbdevice utm source tuicool utm medium referral UsbAccessory和UsbDev

  • MySQL更新表的记录详解

    目录 前言 前言 一 更新数据记录 1 特定数据记录 2 所有数据记录 总结 前言 更新数据记录是数据操作中常见的操作 可以更新表中已经存在数据记录中的值 在MySQL中可以通过UPDATE语句来实现更新数据记录 该SQL语句可以通过如下几

  • 5个炫酷登录页面，拿去就能用（附源码）

    5个炫酷登录页面 拿去就能用 附源码 登录页面 觉得显示效果很好 借鉴其他博主的 喜欢的可以收藏关注 不商用 只为学习传播 目录 1 炫酷星空登录 2 动态云层登录 3 深海灯光水母登录 4 炫酷蛛网登录 5 彩色气泡登录 1 炫酷星空登录

  • 响应式网页设计（Responsive Web Design）的核心原理

    聚沙成塔 每天进步一点点 专栏简介 响应式网页设计的核心原理 优点和缺点 优点 缺点 写在最后 专栏简介 前端入门之旅 探索Web开发的奇妙世界 欢迎来到前端入门之旅 感兴趣的可以订阅本专栏哦 这个专栏是为那些对Web开发感兴趣 刚刚踏入前

  • CVE-2022-26134 Confluence OGNL RCE 复现

    一 漏洞概述 Atlassian Confluence 是一款各企业广泛使用的 wiki 系统 在Atlassian Confluence Server and Data Center上存在OGNL 注入漏洞 远程攻击者在未经身份验证的情况

  • Servlet之间传递数据

    转自 http jallay iteye com blog 256004 1 如何让用户的请求数据从一个Servlet传递给另一个Servlet 第一种方式 通过超链接传递数据 第二种方式 通过表传递取参数 第三种方式 通过setAttri

  • 『数据结构』B树(B-Tree)及其变体 B+树,B*树

    原文地址 1 背景 当有大量数据储存在磁盘时 如数据库的查找 插入 删除等操作的实现 如果要读取或者写入 磁盘的寻道 旋转时间很长 远大于在 内存中的读取 写入时间 平时用的二叉排序树搜索元素的时间复杂度虽然是 O log2n O l o

  • BBR拥塞算法的简单解释

    TCP BBR的ACM论文中 开篇就引入了图1 以此来说明BBR算法的切入点 为何当前基于丢包探测的TCP拥塞控制算法还有优化空间 BBR算法的优化极限在哪儿 图1 为了理解这张图花了我整整一个晚上的时间 它使我重新审视了所有基础概念 而我

  • vue2.js初探

    今天学习了一下vue2 js 感觉很好用 一个是把相同的功能组件化了 把他定义一个标签 不用多次开发重复的代码 直接加标签就可以了 还有就是他把数据和标签的显示修改完全分开了 之前用jQuery开发 如果数据变动了 需要用jquery回调事

  • 计算机网络第八版——第一章课后题答案（超详细）

    第一章 该答案为博主在网络上整理 排版不易 希望大家多多点赞支持 后续将会持续更新 可以给博主点个关注 第二章 答案 1 01 计算机网络可以向用户提供哪些服务 解答 这道题没有现成的标准答案 因为可以从不同的角度来看 服务 首先要明确的是

  • ThreadX 内部系统时钟服务

    ThreadX中 有两个函数可以获取和设置内部系统时钟服务 tx time get 获取当前时间 tx time set 设置当前时间 tx time get 获取当前时间 原型 ULONG tx time get VOID 描述 这项服务

  • VUE安装问题

    启动应用 npm run serve 默认进入为 http localhost 8080 由于部署在虚拟化linux上 需远程访问 需将localhost修改为服务器IP 1 修改package json 新增host 0 0 0 0 2

  • 【Flutter 系列——1】Flutter环境搭建及配置这一篇就够了（Windows）

    最近正式入坑Flutter 首先从环境搭建开始 看了网上好多关于Windows环境搭建的资料 基本都是按官方文档写的 看完的感受是 还不如直接去看官方文档 官方英文文档传送门 Get Started Install on Windows 本

热门标签