windows flutter环境配置 仅VS Code 无需Android Studio

03
六月
2021

OneNote复制过来的,格式有点乱。

一、安装“jdk 8”

1、下载:“https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html” ,下载时会要账号,可百度“oracle账号”。

2、安装到自己想放到的位置,例如下图:

3、配置环境变量:

  1. 右键我的电脑—属性—高级系统设置—环境变量—系统变量(或用户变量)
  2. 点击新建:

变量名:JAVA_HOME

变量值:E:\Program Files\jdk1.8.0_271

  1. 点击确定。
  2. 选择“Path”,点击编辑,添加“%JAVA_HOME%\bin”,点击确认。

 

二、安装“sdkManager”

1、下载:“https://developer.android.google.cn/studio/”,进去后找到“Command line tools only”。

2、下载后解压至想放的目录

3、修改它的目录结构,在“cmd-tools”内添加一层目录“latest”,然后把原有的东西全部剪切进去。

4、配置环境变量:

  1. 右键我的电脑—属性—高级系统设置—环境变量—系统变量(或用户变量)
  2. 点击新建:

变量名:ANDROID_HOME

变量值:E:\Android\sdk

  1. 点击确定。
  2. 然后在变量“Path”内添加下列三个:
    1. “%ANDROID_HOME%\cmdline-tools”
    2. “%ANDROID_HOME%\build-tools”
    3. “%ANDROID_HOME%\platform-tools”、
    4. 这句话不用往里加!第二个和第三个是等会要在“sdkManager”里下载的,先在这里加上。
  1. 进入“E:\Android\sdk\cmdline-tools\latest\bin”,在地址栏输入“powershell”并回车。
  2. 在弹出的界面中输出“ .\sdkmanager.bat --list”,这是查看可下载的内容。

  1. 下载“安卓sdk”和“工具”,输入以下命令:
    1. .\sdkmanager "build-tools;30.0.2" "platform-tools" "platforms;android-21"
    2. 这是安装了三个东西,每个东西用引号包括,每个之间用空格隔开。前两个是必装的,最后一个是“安卓sdk”,根据自身需求选择“安卓sdk版本”安装,后续在手机上启动应用时他也会自动下载匹配手机系统版本的“安卓SDK”。
    3. 安装时会有一次用户协议确认,输入“y”后按回车。
    1. 如果你使用自带的安卓模拟器的话,你需要下载“安卓镜像”和“HAXM”,“HAXM”是“intel”的硬件加速软件,自带的安卓模拟器没他是运行不了的,他也在刚才的“--list”列表中。

命令:“ .\sdkmanager 'extras;intel;Hardware_Accelerated_Execution_Manager'”

下载后是一个文件夹,其位置“E:\Android\sdk\”,打开后找到“intelhaxm-android.exe”双击安装即可。

  1. 模拟器怎么创建?

在“vs code”中调试应用时会有提示,点一下就会创建了。

  1. 安装完成后的目录

 

三、安装“git”

1、下载:“https://git-scm.com/download/win”,选择要下载的版本。我下的压缩包版。

 

2、虽然压缩版下载下来的是个“exe”,但他是个解压程序,双击打开选择目录解压即可。

3、配置环境变量:

  1. 右键我的电脑—属性—高级系统设置—环境变量—系统变量(或用户变量)
  2. 在“Path”中添加“git”的路径

  1. 点击确定

 

四、安装“Flutter”

1、进入“https://flutterchina.club/setup-windows/”查看最新的镜像地址。

2、根据镜像配置环境变量:

  1. 右键我的电脑—属性—高级系统设置—环境变量—系统变量(或用户变量)
  2. 添加两个环境变量

变量名:

PUB_HOSTED_URL

变量值:

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

变量名:

FLUTTER_STORAGE_BASE_URL

变量值:

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

3、下载“Fluter SDK”

下载方式一

进入要下载的目录后在状态栏输入“cmd”,然后执行“git clone -b stable https://github.com/flutter/flutter.git”。

下载方式二

在官网下载,下载后可能会提示更新,然后还要输入下载方式一里的命令。

 

4、下载完成后配置环境变量

  1. 右键我的电脑—属性—高级系统设置—环境变量—系统变量(或用户变量)
  2. 选中“Path”后点击编辑,添加“Flutter”的路径,路径要到“bin”文件夹。

5、下载完成后双击打开“flutter_console.bat”,输入“flutter --version”。

 

 

 

五、安装“vs code”并在手机(或模拟器)上启动第一个项目。

把“vs code”界面换成中文

1、按“Ctrl+Shift+P”

2、在弹出框(软件顶上)输入“configure display language ”

3、选择第二行的“install 巴拉巴拉…”

4、在左边出现的列表内找到中文然后点击“install”

5、重启“vs code”

1、下载并安装“vs code”:“https://code.visualstudio.com/”。

2、在“vs code”安装“Flutter”:

  1. 按“Ctrl+Shift+P”
  2. 输入“install ”
  3. 选择“Install Extension”
  4. 在左侧出现的界面内输入“Flutter”,然后点击大“install”。

3、新建一个项目:

  1. 按“Ctrl+Shift+P”
  2. 输入“flutter ”
  3. 选择“New Project”

  1. 输入项目名称,不同单词用“_”英文下划线隔开,不能用空格。
  2. 选择项目的存放位置。
  3. 等待它创建完成

 

4、运行到手机(或模拟器)

模选择拟器运行后会自动启动模拟器,自动安装应用,下面都是手机的步骤。

  1. 把手机连到电脑上,打开手机的USB调试等,有的手机还有USB安装之类的都要打开。
  2. 按“F5”打开调试,选择一个设备

  1. 等待执行(第一次运行时间很短,短到可以打把CS。)

  1. 注意手机上的安装提示,选择“继续安装”。

  1. 打开后

  1. 完事。

六、完事。

TAG

网友评论

共有访客发表了评论
请登录后再发布评论,和谐社会,请文明发言,谢谢合作! 立即登录 注册会员