vsCode 编写flutter

昨天看到云栖社区发布的，咸鱼也公布了flutter框架，感觉很成熟了，所以很是感兴趣，开始学习一下,后续会再次更新~

原来开发原生安卓的小伙伴们，肯定都熟悉Android Studio，都知道这个AS是很耗内存的，鉴于用苹果手机的我，只能在电脑上运行虚拟机，这样一搞我的电脑会很吃内存，很卡顿，而且vsCode 已经很好地支持了flutter编写，所以我们要尝尝鲜，使用VsCOde 编写一个helloWord程序。

首先要打开VsCode 安装flutter插件

准备工作做好，我们就运用flutter命令创建一个新的flutter项目

 flutter create demo_01 

打开main.dart 删除掉所有内容

引入标准库

import 'package:flutter/material.dart'; 

然后就是编写主函数

 import 'package:flutter/material.dart'; void main() => runApp(AllanApp()); class AllanApp extends StatelessWidget { @override Widget build(BuildContext context){ return MaterialApp( title: 'welcome to 乐子瞎叨叨', home: Scaffold( appBar: AppBar( title: Text("welcome to 乐子瞎叨叨"), ), body: Center( child: Text(" 你好 乐子"), ), ), ); } } 

简单写好之后接下来就是运行程序了

PS F:\dartSpace\flutter\demo_01> flutter run Using hardware rendering with device Android SDK built for x86 64. If you get graphicsartifacts, consider enabling software rendering with "--enable-software-rendering". Launching lib/main.dart on Android SDK built for x86 64 in debug mode... Initializing gradle... 2.5s Resolving dependencies... 28.4s Running Gradle task 'assembleDebug'... Running Gradle task 'assembleDebug'... Done 38.1s Built build\app\outputs\apk\debug\app-debug.apk. Installing build\app\outputs\apk\app.apk... 2.9s D/OpenGLRenderer( 2280): Render dirty regions requested: true D/Atlas ( 2280): Validating map... I/OpenGLRenderer( 2280): Initialized EGL, version 1.4 D/ ( 2280): HostConnection::get() New Host Connection established 0x7fcdbab4f970, tid 2305 

最终的运行结果

这样简单的helloWord 小程序就运行完了。

另外还有一些常用命令记录

1. R 热更新，有更改"R"可以直接刷新安卓程序
2. P 显示安卓网格
3. O 转换到IOS样式
4. Q 退出,