flutter创建及配置

497 阅读2分钟

开发环境及开发工具

开发环境:flutter v.2.2.1

开发工具:vs code + Xcode 、vs code 安装flutter ,Dart插件 fluter安装配置详情参考:flutterchina.club/setup-macos…

创建新项目

  1. 打开vs code编辑器,点击查看->命令面板->输入flutter(如图1),给项目起名,回车。完成创建。 删除替换 lib/main.dart文件
import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return new MaterialApp(

title: 'Welcome to Flutter',

home: new Scaffold(

appBar: new AppBar(

title: new Text('Welcome to Flutter'),

),

body: new Center(

child: new Text('Hello World'),

),

),

);

}

}

终端执行flutter run 运行命令,一个flutter项目创建运行成功。

flutter相关命令

flutter packages get 下载依赖包

flutter analyze // 代码检测 -- 在运行应用程序前,请运行flutter analyze测试你的代码。

open -a simulator // 打开Xcode模拟器

flutter run // 运行当前项目

flutter run --no-sound-null-safety // 在Unsound null safety环境下运行

r // 热重载(已经运行的情况下)

配置文件及说明

name: cloud_music

# 应用或包名称。

description: A new Flutter project.

# 应用或包的描述、简介。

version: 1.0.0+1

# 应用或包的版本号。

environment:

sdk: ">=2.12.0 <3.0.0"

dependencies:

flutter:

sdk: flutter

cupertino_icons: ^1.0.2

english_words: ^3.1.0

# 应用或包依赖的其它包或插件。

dev_dependencies:

flutter_test:

sdk: flutter

# 开发环境依赖的工具包(而不是flutter应用本身依赖的包)

依赖包安装:将所依赖的包添加到dependencies 下

依赖本地包

如果我们正在本地开发一个包,包名为pkg1,我们可以通过下面方式依赖:

dependencies:

pkg1:

path: ../../code/pkg1

依赖Git:你也可以依赖存储在Git仓库中的包。如果软件包位于仓库的根目录中,请使用以下语法

dependencies:

pkg1:

git:

url: git://github.com/xxx/pkg1.git

上面假定包位于Git存储库的根目录中。如果不是这种情况,可以使用path参数指定相对位置,例如:

dependencies:

package1:

git:

url: git://github.com/flutter/packages.git

path: packages/package1