Typescript---webpack和Babel的使用 03

文章目录

• • :smirk:1. Dart及flutter介绍
  • :blush:2. 环境安装与配置
  • :satisfied:3. 应用示例

😏1. Dart及flutter介绍

Dart官网：https://dart.dev/

Dart 是一种面向对象的编程语言，由 Google 开发，用于构建高性能、跨平台的移动、Web 和桌面应用程序。

Dart 具有以下特点：

Flutter官网：https://flutter.dev/

Flutter 是一种开源的移动应用程序开发框架，由谷歌开发并维护。它旨在帮助开发者使用单一代码库构建高性能、美观且跨平台的移动应用程序（iOS 和 Android），甚至可以扩展到 Web、桌面和嵌入式设备。

以下是 Flutter 的一些主要特点和优势：

😊2. 环境安装与配置

Dart单独安装：

# windows安装
# 可以在官网安装SDK，也可以在这个网址下载打包好的安装程序
https://gekorm.com/dart-windows/

# ubuntu安装
sudo apt-get update
sudo apt-get install apt-transport-https
sudo sh -c 'curl https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -'
sudo sh -c 'curl https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list > /etc/apt/sources.list.d/dart_stable.list'

sudo apt-get update
sudo apt-get install dart
echo 'export PATH="$PATH:/usr/lib/dart/bin"' >> ~/.profile
source ~/.profile

dart --version # 查看版本

dart main.dart # 编译运行

Flutter SDK安装（包含Dart）：

# windows安装，可参考国内网站
https://flutter.cn/docs/get-started/install/windows # flutter SDK里应该是包含了Dart的SDK
# 解压SDK后，添加bin目录到系统环境变量
flutter doctor # 检查安装结果

此外，如果在VS Code上开发，可以安装官方的dart和flutter插件，不同的平台查看对应的工具。

😆3. 应用示例

Dart示例：

// 定义一个 Person 类
class Person {
  String name;
  int age;

  // 构造函数
  Person(this.name, this.age);

  // 方法
  void sayHello() {
    print('Hello, my name is $name and I am $age years old.');
  }
}

void main() {
  print('Hello, Dart!');

  // 创建一个 Person 对象
  var person = Person('John', 30);

  // 调用对象的方法
  person.sayHello();
}

Flutter示例：

在VS Code中，Ctrl+Shift+P打开命令面板，开始输入“flutter new”。选择 Flutter: New Project 命令。

选择对应的平台（如Web、Windows、Android等），创建示例程序，按F5运行，示例如下：

此外，flutter有热重载功能，体现了flutter开发界面程序的优势。

以上。