Windows实现Flutter环境搭建及配置这一篇就够了
作者:yyanjun 发布时间:2023-07-03 22:49:30
最近正式入坑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
首先下载官方文档中 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下即可)。
Dart_jb51.rar
(3)然后在Androidstudio或者IntelliJ IDEA 中下载flutter-intellij插件,假如下不了,那就是没有进行科学上网的原因,也可以通过科学上网访问下面的链接进行下载。假如是自己通过如下链接下载的,则把下载后的zip包解压后将整个文件夹复制到你使用的ide的plugins文件夹中(整个文件夹拷贝到plugins下即可)。
flutter-intellij_jb51.rar
(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)文中提到的资料包,有无法下载的可以在文末留言,给我个邮箱,我可以打包共享。
来源:https://blog.csdn.net/yyanjun/article/details/80682586


猜你喜欢
- 当你在开发flutter应用的时候,有时会需要调用native的api,往往遇到flutter并没有相应的package, 这时候flutt
- 在使用springMVC框架构建web应用,客户端常会请求字符串、整型、json等格式的数据,通常使用@ResponseBody注解使 co
- 这篇会深化View拖拽实例,利用Flutter Animation、插值器以及AnimatedBuilder教大家实现带动画的抽屉效果。先来
- 为什么要使用路由在之前我们的代码中,页面跳转使用的代码如下所示:Navigator.of(context).push( Mate
- feign传输List的坑无法直接传输List错误方法1@RequestMapping(value = "/stat/mercha
- SharedPreferences介绍:SharedPreferences是Android平台上一个轻量级的存储类,主要是保存一些常用的配置
- 一、前言在Spring中,事务有两种实现方式:编程式事务管理: 编程式事务管理使用TransactionTemplate可实现更细
- 这节主要完成一些基本的增删改查以及Service、Dao和Action的抽取。1. Service层的抽取  
- 前言当系统的并发比较高的时候,日志的处理输出也是一种性能的开销负担,所以,选择一个中间件来处理消费日志必不可少!下面是spring boot
- 网络中数据传输经常是xml或者json,现在做的一个项目之前调其他系统接口都是返回的xml格式,刚刚遇到一个返回json格式数据的接口,通过
- 关于UIToolbarToolBar工具栏是视图View的属性,可以在工具栏上添加工具栏按钮Bar Button Item(可以是自定义的C
- 在使用struts多模块的,找到一些小技巧和经验,与大家分享一下。 关于多module的配置就不说了,只需要用不同的config
- 1 自定义类加载器自定义类加载器的代码很简单,只需要继承ClassLoader类,覆写findClass方法即可其默认实现是会抛出一个异常:
- 一、Flutter代码的启动起点我们在多数的业务场景下,使用的都是FlutterActivity、FlutterFragment。在在背后,
- /// <summary> /// 遍历Co
- 背景在接口请求过程中,传递json对象,springboot转换为实体VO对象后,所有属性都为null。post请求:后台接收请求:当时就懵
- 您已经看到很多包含视频内容的应用程序,比如带有视频教程的食谱应用程序、电影应用程序和体育相关的应用程序。您是否想知道如何将视频内容添加到您的
- springboot项目启动慢的问题排查springboot项目,随着时间的推移,启动耗时逐步增加,从几分钟慢慢的达到30多分钟,有点恐怖!
- 过年微信红包很火,最近有个项目也要做抢红包,于是写了个红包的生成算法。红包生成算法的需求预先生成所有的红包还是一个请求随机生成一个红包简单来
- [LeetCode] 159. Longest Substring with At Most Two Distinct Characters