欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter学习之Dart开发工具使用

程序员文章站 2022-05-29 20:24:46
...

说明

前面一篇已经介绍了怎么搭建 Dart 的环境。既然环境有了,就需要使用开发工具了(IDE)。毕竟我们开始学习任何一门语言都是从 “Hello Word” 开始。下面呢,就介绍下两种 IDE:VS Code 和 WebStorm 。

下载和安装 VS Code 、 WebStorm 就不在这里过多的赘述了。直接开始集成 Dart 相关的插件以及打印出 “Hello Word” 。

使用 VS Code

第一步 :我们需要去下载 Dart 插件。
下载完了 Dart 插件之后,需要重启下 VS Code。
Flutter学习之Dart开发工具使用

第二步:创建代码文件。
新建一个文件夹 DartProjects 作为我们工程的工作空间。另外我创建了一个 study 作为学习的目录。
Demo.dart

void main(){
  var str1 = "OK?";
  print(str1);
}

Flutter学习之Dart开发工具使用

第三步:执行 Dart 文件。
选择我们的 Demo.dart 文件, 然后点击 Start Debugging, 执行代码:
Flutter学习之Dart开发工具使用

然后我们可以在控制台看到输出的结果。
Flutter学习之Dart开发工具使用

使用 WebStorm

第一步:我们依然是安装 dart 插件

路径:File --> settings --> Plugings 

Flutter学习之Dart开发工具使用

第二步:设置 Dart SDK 路径。
Flutter学习之Dart开发工具使用

第三步:编写代码测试。
Demo.dart

void main(){
  var str1 = "OK?";
  print(str1);
}

Flutter学习之Dart开发工具使用

运行代码测试
Flutter学习之Dart开发工具使用

好了,到此我们就搞定了。

相关标签: flutter Dart