IT技术宅

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 代码分享 > Flutter尝鲜

Flutter尝鲜

刘振兴     代码分享      2020年06月03日     540     暂无评论  

header-illustration.png


Flutter安装及配置

下载最新稳定版本即可

下载地址:https://flutter.io/sdk-archive/#windows

私有网盘下载: http://qingheyun.ilt.me:5000/sharing/4N0qZItQE

 

 

配置环境变量

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

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

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

 

 

AndroidStudio安装及配置

下载最新稳定版本即可,安装时

下载地址:https://developer.android.com/studio/index.html

私有网盘下载: http://qingheyun.ilt.me:5000/sharing/zRwXNC5Ix

 

安装两个插件

 

  1. Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
  2. Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

 

启动Android Studio.

打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).

选择 Browse repositories…, 选择 Flutter 插件并点击 install.

重启Android Studio后插件生效.

 

配置AndroidSDK目录

添加用户环境变量

ANDROID_SDK_ROOT=D:\Android\SDK

 

VSCode安装插件

安装Flutter插件

  1. 启动 VS Code
  2. 调用 View>Command Palette…
  3. 输入 ‘install’, 然后选择 Extensions: Install Extension action
  4. 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
  5. 选择 ‘OK’ 重新启动 VS Code

通过Flutter Doctor验证您的设置

  1. 调用 View>Command Palette…
  2. 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
  3. 查看“OUTPUT”窗口中的输出是否有问题

  

检查Flutter状态

运行命令

flutter doctor

 

使用VSCode创建项目

  1. 启动 VS Code
  2. 调用 View>Command Palette…
  3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
  4. 输入 Project 名称 (如myapp), 然后按回车键
  5. 指定放置项目的位置,然后按蓝色的确定按钮
  6. 等待项目创建继续,并显示main.dart文件

 

 


评论一下 分享本文 赞助本站 联系站长
IT技术宅
 挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

未显示?请点击刷新

清空信息
关闭评论