Flutter + vscode 配置说明

1.安装  jdk(配置环境变量)   git   android SDK自行百度

2.下载 flutter SDK

    新建文件夹  右键git bash  here   执行  git clone -b alpha https://github.com/flutter/flutter.git   //据说成功率不高  我试了两次成功

  

3.配置环境变量:

FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

PUB_HOSTED_URL:https://pub.flutter-io.cn

path:添加flutter SDK  bin目录

4.cmd  中  运行  flutter  doctor  需要等一会儿 有可能会报错 本人遇到如下的错:

第一个是 android licese的问题   第二个是android studio的问题 第三个是模拟器的问题

第一个:运行 flutter doctor --android-licenses     有可能会引发下面问题:

C:\aplication\SDK  flutter sdk'的目录

Warning: An error occurred during installation: Failed to move away or delete existing target file: C:\aplication\SDK\tools 

 

下面,找到了解决办法, 首先进入SDK的安装目录, 我的是C:\aplication\SDK(有些人可能没有, 比如我就是, 文章下面有解决办法);

找到tools文件夹, 把他重命名成tool, cmd下执行

C:\aplication\SDK\tool\bin\sdkmanager --update

上面两个Warning不要管他。 执行结束后会有done。 此时SDK目录会新增一个tools,把tools里的所有文件移到tool里, 有重复, 全部选替换, 接着把tools改为tools。 这样第一个问题 就能解决

第二个问题  提示没有安装android studio (本人没打算用andriod studio 开发可以不用理它)

 

第三个问题就是模拟器的配置问题:可以用真机开发者模式 我这里用的是 逍遥模拟器  安装后  win10条件下启动可能直接蓝屏

有可能是win10 和模拟器有冲突:在控制面版中  安装卸载程序中,将Hyper-V的对勾去掉  重启 如下:

然后打开命令行,进入安装目录下面的Microvirt\Memu目录
在cmd 执行adb connect 127.0.0.1:21503

然后执行flutter doctor  就可以了

5.下载 安装VsCode 安装flutter插件 dart 也会一起安装如下:

6.在左下角的设置按钮中打开命令面版 会找到Flutter 提供的插件新建项目:

注:项目路径 一定不要有特殊字符  不要有中文  项目路径 一定不要有特殊字符  不要有中文  项目路径 一定不要有特殊字符  不要有中文

输出控制台会输出:

创建成功!

到终端运行  flutter  run  如果卡在 Initializing gradle...  

找到项目路径 如下:

打开该文件  看到distributionUrl  找到gradle的版本号  到官网去下载 http://services.gradle.org/distributions/

下载完成后(不要解压):复制到 用户 你所用的用户名下面 如下路径中  就可以了

然后执行flutter   run  就可以了   

如下:

热加载:修改完成后 直接按下r 键就行

 

    

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在VS Code中配置Flutter,可以按照以下步骤进行操作: 1. 安装Flutter SDK:首先,需要在你的计算机上安装Flutter SDK。你可以从Flutter官方网站(https://flutter.dev)下载适用于你操作系统的SDK版本,并将其解压到一个目录下。 2. 配置环境变量:将Flutter SDK的路径添加到系统的环境变量中。在Windows上,可以在系统的"高级系统设置"中进行配置;在Mac和Linux上,可以编辑.bashrc或.zshrc文件来配置。将Flutter SDK路径添加到PATH变量中。 3. 安装Dart插件:在VS Code中,打开扩展面板(使用快捷键Ctrl+Shift+X),搜索并安装Dart插件。这个插件提供了Dart语言的支持,是Flutter的依赖。 4. 安装Flutter插件:同样在扩展面板中搜索并安装Flutter插件。该插件提供了对Flutter框架的支持,包括创建、运行和调试Flutter应用程序。 5. 创建Flutter项目:在VS Code中,选择一个目录作为你的项目根目录,然后打开终端(使用快捷键Ctrl+`)。运行命令`flutter create <project_name>`来创建一个新的Flutter项目。 6. 启动模拟器或连接设备:在运行Flutter应用程序之前,你需要启动一个模拟器或连接一个真实的设备。你可以使用Android Studio AVD Manager来启动Android模拟器,或者使用Xcode来启动iOS模拟器。 7. 运行Flutter应用程序:在VS Code中,打开你创建的Flutter项目文件夹。然后,按下F5键或点击VS Code的调试按钮来启动调试会话并运行你的Flutter应用程序。 这些步骤应该能够帮助你在VS Code中成功配置和运行Flutter应用程序。如果你遇到任何问题,可以参考Flutter官方文档(https://flutter.dev/docs)或在开发者社区中寻求帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值