Dart & Flutter系列教程【1】——Dart下载安装、运行配置

2,527 阅读2分钟

下载安装

  1. 打开官网主页:

image.png Get Dart

  1. 打开window系统的安装网站

Dart for Windows (gekorm.com) (当然还有命令行下载,但不实用)

image.png 上面为稳定版,下面为开发版。

如果是与他人做之前的项目或是继续开发,用稳定版为好。如果是自己新开发一个项目,那么推荐开发版。

ps:如果为mac,第一步 如果没有安装brew这个工具,就需要安装它:brew工具;然后分别运行两行代码

brew tap dart-lang/dart

brew install dart
  1. 在下载里面打开文件

image.png

  1. 安装运行

    • 双击

    • 点击“运行” image.png

    • 接受, 点击下一步

    • 一直到选择安装位置的页面,建议是选择除系统盘(C:盘)以外的其他盘作为安装位置。(注意记住安装位置,配置环境变量时需要) image.png image.png

    • 至此,就全部安装好了

  2. 设置环境变量 因为在设置安装路径时改变了安装位置,这时我们需要自己设置环境变量。这非常简单。打开之前安装的位置,复制

image.png 注意两个点:

  • 打开到的Dart路径下为下图这些文件(可能出现放置是创建了Dart的同名文件,那么Dart需要再点开一层)
  • 直接点击路径的位置,选择复制。不要直接按着敲

我的路径是D:\Software22\Dart

1. 打开环境变量设置
2. 选择 环境变量 按钮

image.png

3. 点击下方的Path,双击

image.png

4. 新建

image.png 将复制的路径输进去

image.png 6. 检验是否安装成功

Dart --version

出现下图的提示语句,则为安装成功。

image.png

VsCode安装配置

Dart的开发工具有很多:IntelliJ IDEA、WebStorm、Atom、Vscode等。

这里以Vscode中配置Dart。

  1. 找到vscode插件安装Dart

  2. 找到vscode插件安装code runner CodeRunner 可以运行我们的文件

  3. 打开vscode

image.png

  1. 选择在 拓展 里面搜索 Dart

image.png 3. 点击安装

image.png

  1. 选择在 拓展 里面搜索 Code Runner

image.png

程序运行初尝试

  1. 点击NewFile,找到一个位置新建文件, image.png

例如我新建的名字为Dart,则该地方就叫做DART, image.png

  1. 在DART右边新建一个文件,为index.dart
void main(List<String> args) {
  print("你好,Dart");
}
  1. 切记保存后,右键进行运行

image.png