基于window10的flutter环境搭建——Android studio 和 vs code两种方式

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 15:57   1398   0

第一步: 下载flutter sdk

flutter 2.0.2稳定版版本地址

  • 下载成功之后解压到相应的目录下(目录一定要记住),例如: 本机解压之后的flutter相对应的地址

第二步: 配置flutter到全局中

  • 右键此电脑=> 属性 => 高级系统设置=> 环境变量。 打开环境变量配置
  • 用户变量中找到path(没有则新建): C:\flutter\bin (你电脑中装flutter的地址,注意: 一直到bin目录)
  • 用户变量中新建 PUB_HOSTED_URL : https://pub.flutter-io.cn (临时镜像配置,不必须)
  • 用户变量中新建 FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn (临时镜像配置,不必须,建议配置)
  • 配置成功之后,win+r => cmd => 输入 flutter doctor 执行命令,查看结果(第一次运行时间可能较长)
  • 出现下面第三个图的样子时,说明你的flutter已经配置到全局环境中

第三步: 下载Android studio 4.1.2 为例

  • Android studio下载地址,此地址为国内镜像,不用翻墙
  • 安装就下一步,正常一点就可以了,在config中可以直接找到插件下载,我就不卸载截图了。
  • 下载成功之后安装flutter插件,系统会默认帮你下载dart,直接接受即可(可能会因为网络问题导致下载失败,失败多下载几次)
  • 找到如下图的tools=> 进入下载sdk,按照下图所示把勾选下载(如果不下载sdkPlatform,可能会导致其他问题)
  • 安装好后要装flutter插件
  • Android Studio4.1版本,执行fluttter doctor命令一直报
  • [!] Android Studio (version 4.1)
         Flutter plugin not installed; this adds Flutter specific functionality.
         Dart plugin not installed; this adds Dart specific functionality.
    

    确定以及肯定的安装了这两个插件了,反复卸载重新安装,重启各种尝试就差卸载as了,百思不得其解,后来群友告知是as的问题,其实是ok的并不影响我们开发只是显示问题,可以忽略不计

第四步:创建flutter项目

采用vscode 安装 flutter和dart

https://code.visualstudio.com/ vscode 官网

vscode下载链接

vscode汉化方法

1.打开vscode,按快捷键“Ctrl+Shift+P”出现一个搜索框。

2.输入“configure language”,然后回车,选择configure display language。

3.左边会出现插件包,选择中文版,然后install。

4.之后继续按快捷键“Ctrl+Shift+P”出现一个搜索框,选择“zh-cn”。

5.之后点击restart重启即可。

汉化完好后安装flutter和dart的插件

安装插件成功

vscode 启动虚拟机

vscode中使用快捷键command+shift+p 或者F1

在运行flutter run命令,这是才会把程序运行的模拟器;

运行成功

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP