Flutter开发入门之开发环境搭建(VSCode搭建Flutter开发环境)

4,842 阅读1分钟

本文简介

搭建基于Visual Studio Code(VsCode)的Flutter开发环境.

目标用户:

Flutter初学者

操作步骤

一、下载并安装Visual Studio Code

code.visualstudio.com/Download
预计耗时:3分钟(按照500k/秒下载速度估计)

二、安装插件

  1. 安装插件Dart
  2. 安装插件Flutter

三、下载JDK8 64位

不能用最新的jdk版本,只能用jdk8 64位.

  1. 下载。预计耗时:10分钟
    www.cr173.com/soft/79926.…
    也可以从oracle官方下载,但是要注册oracle账号。
  2. 安装JDK并配置JAVA_HOME环境变量

四、下载Flutter SDK

  1. 下载。预计耗时:20分钟 flutter.dev/docs/get-st…
  2. 解压文件并将flutter的bin目录加入到环境变量中

五、接受安卓Licensse

运行如下命令,然后遇到需要的输入的地方,输入y然后回车。

flutter doctor --android-licenses

六、创建工程

  1. 完成上面步骤后,先重启一下VsCode
  2. 按下快捷键:Ctrl+Shift+p,然后输入“flutter”,选择“Flutter: New Project”
  3. 输入工程名称,然后选择存放目录(注意不要放在flutter sdk目录下)

七、运行工程

  1. 按F5快捷键,选择“Dart&Flutter”
  2. 选择待运行设备(如果没有可运行设备,就点击“Create Android emulator”创建一个)

八、运行效果图