Google Flutter框架:使用VS Code进行开发

摘要:
虽然进行安卓开发使用Androidstudio比较方便,但是因为AS太臃肿而且还有一些404问题,就在打算如何进行高效的Android开发,于是找到了FlutterSDK,他支持使用IDE进行开发,也就是可以直接脱离AS以及java代码!Flutter是Google为您打造的UI工具包,帮助您通过一套代码同时在iOS和Android上构建媲美原生体验的精美应用!开发者除了AndroidStudio编写Flutter代码以外,VSCode也可以编写Flutter代码,接下来进行VSCode的环境搭建吧!

虽然进行安卓开发使用Android studio 比较方便 ,但是因为AS太臃肿而且还有一些404问题,就在打算如何进行高效的Android开发,于是找到了Flutter SDK, 他支持使用IDE进行开发, 也就是可以直接脱离AS以及java代码(真的很头大)!Flutter 是 Google 为您打造的 UI 工具包,帮助您通过一套代码同时在 iOS 和 Android 上构建媲美原生体验的精美应用!开发者除了Android Studio编写Flutter代码以外,VS Code也可以编写Flutter代码,接下来进行VS Code的环境搭建吧!

一、安装Flutter SDK 配置Path环境 flutter安装目录下

Google Flutter框架:使用VS Code进行开发第1张

二、打开powershell 输入:flutter doctor 进行环境检查

Google Flutter框架:使用VS Code进行开发第2张

Flutter SDK环境配置好后 就可以试试在Powershell 或 CMD 里面输入flutter doctor 它将会诊断剩余还缺啥.

如果没有flutter命令 那就是你的环境变量没配置好 重新配置或者重启
配置好后基本就会弹出一个错误 2个警告分别是

[x] Android toolschain 没有找到 后面一大推提示信息
[!] Android Studio没有安装
[!] 没有找到设备
感叹号的都不是致命问题 最主要就是那个安卓工具链了 这就需要我们安装Android SDK了
如果你之前已经安装好Android Studio 那么就没事 会自带有了. 只要环境变量里面的ANDROID_HOME 配置正确就可以了.

三、安装Android Studio 以及Android SDK

Android Studio可以忽略安装 但是Android SDK必须安装否则报以下错误

[✗] Android toolchain - develop for Android devices

✗ Android license status unknown. 遇到这种情况输入以下命令

sdkmanager.bat --update

看到如下图直接输入y

Google Flutter框架:使用VS Code进行开发第3张

四、配置Android SDK环境变量 ANDROID_HOME

Google Flutter框架:使用VS Code进行开发第4张

五、安装VS Code,安装完后,下载flutter扩展以及Dart扩展插件:

Google Flutter框架:使用VS Code进行开发第5张

六、打开VS Code,开始构建flutter项目:flutter create testFlutterApp

七、创建好之后,打开项目目录后输入,在运行前检查模拟器是否存在,输入:flutteremulator 。

如果有模拟器,输入:flutter emulators --launch <模拟器ID>,运行模拟器

如果创建新的模拟器,输入:flutter emulators --create [--name <模拟器ID>]

Google Flutter框架:使用VS Code进行开发第6张

八、打包运行模拟器,输入:flutter run

Google Flutter框架:使用VS Code进行开发第7张

最后,模拟器启动,并且打开了flutter app

Google Flutter框架:使用VS Code进行开发第8张

最后,介绍一些 VS Code中常用的快捷键:

R键:点击后热加载,直接查看预览效果

P键:在虚拟机中显示网格,在工作中经常用到

O键:切换Android和IOS预览模式

Q键:退出调试预览模式

最后说明一下,除了移动端的开发,本人还经常开发服务端和web前端,最后请允许打个广告郑州网站建设:http://www.cnwtn.com

免责声明:文章转载自《Google Flutter框架:使用VS Code进行开发》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇gdb在含多文件夹的工程中调试Ubuntu 登陆后黑屏 问题解决下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Spring Boot的面试题

Spring Boot 是微服务中最好的 Java 框架. 我们建议你能够成为一名 Spring Boot 的专家。本文精选了三十五个常见的Spring Boot知识点,祝你一臂之力! 问题一 Spring Boot、Spring MVC 和 Spring 有什么区别? 1、Spring Spring最重要的特征是依赖注入。所有 SpringModules...

Nordic nRF5 SDK和softdevice介绍

SDK和Softdevice的区别是什么?怎么选择SDK和softdevice版本?芯片,SDK和softdevice有没有版本兼容问题?怎么理解SDK目录结构?SDK帮助文档在哪里?Softdevice帮助文档在哪里?如何选择某个SDK例子 (example) 以开始我们的BLE开发之旅?本文将对以上问题进行解答。 Nordic目前有2套完全独立的SDK...

黑马android

day55 1、AndroidManifest.xml 中对某个Activity设置全屏:android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen" 2、(image)View.setBackgroundResource() 这种情况会全屏设置背景 3、drawable文件夹下的sele...

vue移动端预览pdf

vue-pdf移动端缺点: 1、安卓预览红头文件会出现缺字少字的问题,ios正常 2、预览过大文件,分页形式的好用,不分页的文件过大可能打不开 3、分页形式放大缩小只能通过按钮改变css放大,不分页无法放大 解决vue-pdf移动端问题使用pdfh5预览pfd: 1.安装 npm install pdfh5 2.使用 <template>...

Android中Ijkplayer最简单的使用

先添加依赖: compile 'com.dou361.ijkplayer:jjdxm-ijkplayer:1.0.5'  MainActivity里面: 1 public class MainActivity extends AppCompatActivity { 2 3 @Override 4 protected void...

基于Unity的AR开发初探:发布AR应用到Android平台

本文接上一篇,介绍一下如何通过Unity发布第一个AR应用至Android平台,在Android手机上使用我们的第一个AR应用。 一、一些准备工作 1.1 准备Java JDK 这里选择的是JDK 1.8.x版本,可以从这里下载。 1.2 准备Android SDK 这里选择的是R24.1.x-Windows版本,可以从这里下载。 Note:为了减少配置的...