vsCode 编写flutter

原文链接： https://yq.aliyun.com/articles/692669

昨天看到云栖社区发布的，咸鱼也公布了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 退出,