从头开始配置flutter+vscode

3,378 阅读1分钟

     一直都是用vscode做前端开发,而flutter中文网教程需要安装Android Studio来配置android SDK,不想为了一个android SDK下载Android Studio编辑器,所以自行配置android SDK。

1 安装java环境

  •  下载jdk,安装(安装过程会自动安装jre)。  

       www.oracle.com/java/techno…


  • 配置环境变量

   


     可以用命令行java –version来验证java是否安装成功


2 flutter安装

  • 下载

     可以参照flutter中文网:https://flutterchina.club/setup-windows/

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

  • 配置环境变量
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn


   可以用命令行flutter version来验证是否安装成功,安装成功会列出所有flutter版本



3 vscode安装

  • 下载vscode

网址:code.visualstudio.com/download

  • vscode下载插件flutter、dart(由于flutter就是dart脚本写,下载flutter会自动下载dart)


4 android SDK

  • 下载android SDK

国内网:www.androiddevtools.cn/  


  zip解压就可,.exe需要安装,二选一即可。建议下载以后更新版本,或者fan墙去下载。

  •  安装Android包
        打开SDK Manager,安装你需要的android包。


5 连接模拟器

     我用的是夜神模拟器,用android sdk目录下面adb连接,具体命令


   最后flutter doctor 检查一下



6 vscode运行


很简陋的记一下这次安装过程,中间也遇到很多很奇葩的报错。有时间的时候再写一下,安装中遇到各种问题