MAC+VsCode创建第一个Flutter项目

参考官网
MAC版本:10.12.4
Xcode环境:7.0.0不合适没有处理
AndroidSDK version29.0.0

配置环境

  1. 命令:open .bash_profile打开配置文件。
  2. 添加:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 下载sdk

创建文件夹FlutterSDK
切换到FlutterSDK目录下运行:git clone -b master https://github.com/flutter/flutter.git
运行:./flutter/bin/flutter --version

  1. 运行命令: flutter doctor
    在这里插入图片描述
  2. 配置文件添加
export PATH=${PATH}:/Users/mac/FlutterSDK/flutter/bin:PATH
  1. 打开vscode下载安装Flutter插件

在这里插入图片描述

创建项目

  1. 切换到项目目录下view -> Command Palette ,输入Flutter-> NewProject,然后输入项目名称(小写),选择项目路径。这期间需要设置之前下载好的SDK路径,之后重启。
    在这里插入图片描述
    在这里插入图片描述

运行项目

  1. 先启动Android模拟器,然后执行Debug > Start Debugging
    如果运行成功但是页面内容显示空白,就在TERMINAL中输入flutter run,运行正常显示。
    在这里插入图片描述
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用VSCode创建一个新的Flutter项目非常简单。首先需要确保您已经安装了FlutterVSCode,以及Flutter插件。然后按照以下步骤操作: 1. 打开VSCode并点击左侧的“扩展”选项卡。 2. 在搜索框中输入“Flutter”并找到Flutter插件。点击“安装”。 3. 安装完成后,重新启动VSCode。现在您应该能够看到菜单栏中有一个“Flutter: New Project”选项。 4. 单击此选项,输入项目名称,并选择要创建的目录。 5. 接下来,VSCode将提示您选择Flutter模板。选择“Flutter: New Application”以创建一个全新的Flutter应用程序。 6. 完成模板选择后,VSCode会生成新项目的骨架代码。这需要一点时间,视您的计算机速度而定。 7. 一旦骨架代码生成完成,您将会看到一个“main.dart”文件。这是您新创建的应用程序的入口点。 8. 您现在可以开始构建您的应用程序了。在VSCode终端中键入“flutter run”命令,它将编译和运行您的应用程序。 9. 您可以在应用程序的“lib/main.dart”文件中进行更改来构建您的应用程序。保存文件后,VSCode会自动重新编译您的应用程序,并将更改推送到运行中的应用程序中。 总之,使用VSCode创建一个新的Flutter项目是非常简单的,只需几个简单的步骤就能完成。在您的计算机上安装了FlutterVSCode及其插件之后,您可以轻松地开始构建您的应用程序并让它运行起来。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值