flutter vscode安装环境配置

最好翻梯子,不然很多东西下载不了,容易失败
所需资源:flutter ★ java jdk ★ Android SDK ★ 夜神模拟器
注意:因为用vscode开发,所以就不安装android studio,直接用sdkmanager安装依赖

1、安装flutter

1.1 下载安装包 (Stable channel (Windows)最新版本)

下载地址
https://flutter.dev/docs/development/tools/sdk/releases#windows

1.2 安装(下载的是压缩包,无需安装,直接解压到固定位置即可)

我是放在D盘根目录
D:\flutter
注意:D:\flutter  要在这个路径下找到bin文件夹

1.3 设置环境变量(我都是设置在用户变量里面,也可以设置在系统变量)

1. 当前设置是为了不管在哪里开启命令行,都能执行flutter命令,比如 flutter doctor
修改用户变量 Path 增加 D:\flutter\bin
2. 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
新增用户变量 PUB_HOSTED_URL:https://pub.flutter-io.cn 
新增用户变量 FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

1.4 检测是否安装成功

** 在命令提示符或PowerShell窗口中运行此命令。目前,Flutter不支持像Git Bash这样的第三方shell。
打开命令行
运行  flutter doctor
flutter 前面有个对钩说明安装成功

2、安装java jdk

2.1 下载安装包

下载地址,注意下载需要先注册
https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

2.2 安装

1. 安装到D盘java文件夹
** 只有一个安装包,里面会让你选择两次安装路径,第二次jre不安装
不安装,直接关闭

2.3 配置环境变量

修改用户变量 Path 增加 %JAVA_HOME%\bin
新增用户变量 JAVA_HOME:D:\java

2.4 检测是否安装成功

java -version
image.png

3、安装Android SDK

3.1 下载安装包

下载地址
https://developer.android.com/studio
注意:不用下载android studio,直接下载sdkmanager
image.png

3.2 安装

1. 解压到随便一个文件夹,打开bin文件夹
当前文件夹运行此命令
$ sdkmanager --sdk_root=d:\Android\SDK "cmdline-tools;latest"
然后会在D盘生成d:\Android\SDK文件夹

3.3 配置环境变量

修改用户变量 Path 增加 %ANDROID_HOME%\cmdline-tools\latest\bin
新增用户变量 ANDROID_HOME:D:\Android\SDK

3.4 安装依赖

1.检测查看已安装的和可以安装的列表
$ cd D:\Android\SDK\cmdline-tools\latest\bin
$ sdkmanager --list
2. 安装
根据列表下载包,我这里是下的安卓30,执行sdkmanager "platform-tools" "platforms;android-30" "build-tools;30.0.3"
3. 配置依赖环境变量
修改用户变量 Path 增加 %ANDROID_HOME%\platform-tools
修改用户变量 Path 增加 %ANDROID_HOME%\build-tools

3.5 检测安装成功

android -h
image.png

4、创建项目运行

$ flutter create productName
$ cd productName
$ flutter run

5、夜神模拟器运行

1. 安装夜神模拟器
2. 修改用户变量 Path 增加 D:\Nox\bin
3. 配置端口(记得先开启夜神模拟器)
$ cd D:\Nox\bin
$ nox_adb.exe connect 127.0.0.1:62001
4. 打开vscode,按F5运行项目

注意:如果项目不能连接
解决方法: 查看一下android sdk 目录中 adb 版本 是否与夜神模拟器版本一致 使用命令 adb version 查看 如下
$ cd D:\Android\SDK\platform-tools
$ adb version

$ cd D:\Nox\bin
$ nox_adb version

对比一下版本号,如果版本号不一样,则
1、关掉AS和夜神模拟器。adb.exe以及nox_adb.exe这2个进程结束掉。
2、找到SDK的目录和夜神模拟器的目录,将SDK目录下的adb.exe文件,复制到夜神模拟器的目录下,因为夜神模拟器目录下原本的adb文件名字叫做nox_adb.exe,因此复制过去之后也得改名为nox_adb.exe。

修改好以后重复上面第3-4步

6、创建快速启动脚本

夜神模拟器如果懒的每次配置端口,可以创建一个xxx.bat文件,输入以下代码
(注意路径,填写自己模拟器安装路径)
@echo off
cd D:\Nox\bin
nox_adb.exe connect 127.0.0.1:62001
pause
然后双击就可以运行
image.png

7、vscode安装插件

在vscode运行flutter需要安装插件:flutter  Dart
只要安装flutter插件,自动会安装Dart插件
image.png

☯ 配置中可能出现很多问题,我这是列出其中部分,如果出现其他问题,请自行百度

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,919评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,567评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,316评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,294评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,318评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,245评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,120评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,964评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,376评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,592评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,764评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,460评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,070评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,697评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,846评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,819评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,665评论 2 354

推荐阅读更多精彩内容