flutter环境搭建,运行第一个flutter项目

flutter环境搭建

官网地址(避免弯路):flutterchina.club/

下载flutter_sdk解压至电脑

官网地址:flutter.dev/docs/develo…

下载安装java_jdk (这里用的是jdk1.8)

配置环境变量

添加镜像地址(后面执行flutter项目时,进行pub get拉取依赖提升速率)

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

image.png

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

image.png

添加android_sdk环境(地址为存放Android_sdk的地址)

ANDROID_HOME = D:\android_SDK

image.png

我的电脑-属性-高级系统设置-环境变量-path配置java_jdk以及flutter_sdk环境

image.png

测试环境变量是否成功

  1. win+R 执行cmd
  2. 执行java -version

image.png
3. 执行flutter –version

image.png

下载Android studio并安装配置

  1. 下载完成,点击configure-settings
  2. 点击plugin,搜索flutter下载安装

image.png
3. 点击system Settings -android SDK

修改SDK存放路径以及下载需要的sdk版本,等待下载完成(现在不需要翻墙及配镜像也可以下载)

image.png

  1. win + R 执行flutter doctor 查看flutter 环境是否完成

image.png

一般第一次安装第二个都会感叹号,按照后面给提示执行命令一路Y就行了,到此flutter环境配置完成。

下载安装vscode,不使用vscode开发的跳过

  1. 安装完成,下载flutter dart插件

image.png

  1. ctrl + shift + p 打开命令面板,一般都有提示创建flutter项目

image.png

  1. 按照指引创建一个flutter项目

下载安装夜神模拟器

image.png

  1. 运行起来,vscode右下角会有提示,模拟器以及flutter版本等

image.png

  1. 如果连接不上模拟器,可访问www.jianshu.com/p/c183c562c…

运行flutter项目

  1. 点击pubspec.yaml 拉取依赖包

image.png

2.拉取完成执行flutter run 命令,等待执行完成

image.png

3.项目执行完毕,模拟器运行成功,flutter项目就完成了。

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享