Windows下Zed编辑器配置Dart环境

简介: 本文介绍了Dart编程语言及其主要框架Flutter的优势,并推荐使用轻量级编辑器Zed进行Dart开发。详细步骤包括Dart环境的安装与配置,Zed编辑器的安装与个性化设置,以及如何在Zed中编写并运行Dart的HelloWorld程序。通过自定义任务实现Dart文件的快速运行,提高了开发效率。

 描述

       所以Why Dart?

       Dart混的好的框架就只有一个Flutter,But...一个Flutter就足够了。坐等别的语言能有一个Flutter。

       但是Why Zed?

       Zed编辑器突出一个快,没有历史包袱,用的人少,还有vim模式。之前一直在用WebStorm作为Dart的IDE,话说Jb还是有两把刷子的,调试运行Dart基本上完美。但是WebStorm大啊,安装包600多M,运行1.5个G。Zed安装包32M,运行460M(官方还没出win正式版)。VSCode安装包90M,运行是630M。搭配一下WebStrom+Zed比较舒服。哇哈哈哈...

Dart环境安装与配置

  • 下载dart-sdk
下载网址
https://dart.dev/get-dart/archive
直接下载
https://storage.googleapis.com/dart-archive/channels/stable/release/3.5.4/sdk/dartsdk-windows-x64-release.zip

image.gif

  • 解压到任意位置,比如C:\dart-sdk
  • 添加环境变量
C:\dart-sdk\bin

image.gif

  • 验证一下cmd

image.gif 编辑

OK,Dart就安装好了。

Zed编辑器安装与配置

  • 下载Zed编辑器,目前官方还是只有Linux和Mac版本,Windows的需要自己编译,我也不会。找了个别人的。
下载网页
https://github.com/MuNeNICK/zed-for-windows/releases
直接下载
https://github.com/MuNeNICK/zed-for-windows/releases/download/v0.161.2/ZedInstaller-v0.161.2.exe

image.gif

  • 下载后安装

image.gif 编辑

安装完长这鸟样哈。

在这个界面下可以配置主题,主题风格挺多的,黑的白的都有啊。

可以配置快捷键 VSCode、Jb、Atom的快捷键都支持。

  • 下载dart插件

image.gif 编辑

  • 简单配置一下

image.gif 编辑

{
    "inactive_opacity": 0.3,
    "auto_update_extensions": {
        "one-dark-pro": false,
        "html": false,
        "dart": false
    },
    "base_keymap": "Atom",
    "telemetry": {
        //广告和监控关闭
        "diagnostics": false,
        "metrics": false
    },
    "show_call_status_icon": true,
    "theme": "One Dark Pro",
    "ui_font_size": 18,
    "auto_update": false,
    "tab_size": 4,
    "preferred_line_length": 80,
    "soft_wrap": "none",
    "enable_language_server": true,
    "buffer_font_size": 18,
    "buffer_font_family": "Zed Plex Mono",
    "confirm_quit": true,
    "file_icons": "true",
    "autosave": "on_focus_change",
    "format_on_save": "on",
    "vim_mode": false,
    "projects_online_by_default": true,
    // "terminal": {
    //     ""
    //     "button": true,
    //     "font_family": "Zed Plex Mono",
    //     "alternate_scroll": "on",
    //     "toolbar": {
    //         "title": true
    //     }
    // },
    "inlay_hints": {
        "enabled": true,
        "show_type_hints": true,
        "show_parameter_hints": true,
        "show_other_hints": true,
        "show_background": true,
        "edit_debounce_ms": 700,
        "scroll_debounce_ms": 50
    }
    // "project_panel": {
    //     "button": true,
    //     "default_width": 240,
    //     "dock": "left",
    //     "file_icons": true,
    //     "folder_icons": true,
    //     "git_status": true,
    //     "indent_size": 20,
    //     "auto_reveal_entries": true,
    //     "auto_fold_dirs": true,
    //     "scrollbar": {
    //         "show": "auto"
    //     },
    //     "indent_guides": {
    //         "show": "always"
    //     }
    // }
}

image.gif

当然你也可以参考一下教程自己配置

https://linux.do/t/topic/185158

image.gif

HelloWorld

OK开始写一个Dart的HelloWorld,运行一下。

void main() {
  var str = "Dart";
  print("hello world $str");
}

image.gif

我们发现对着dart文件右键,没有运行... 我们自己写一个Task

image.gif 编辑

// Static tasks configuration.
[
    {
        "label": "dart run",
        "cwd": "$ZED_WORKTREE_ROOT",
        "command": "dart",
        "args": ["run", "$ZED_RELATIVE_FILE"],
        "tags": ["dart-run"]
    }
]

image.gif

再来!Alt+T 选择dart run。如果想换一个Task执行Alt+Shift+T。

image.gif 编辑

大功告成,打完收工。

#文中提到的一些资源dart-sdk & zedinstaller
https://download.csdn.net/download/lidusheng/90015209
https://download.csdn.net/download/lidusheng/90015208

image.gif


相关文章
|
6月前
|
Dart 测试技术 开发工具
Dart开发环境搭建-Windows
Dart开发环境搭建-Windows
137 7
|
6月前
|
Dart 开发工具 Windows
Dart安装(Winodws)
Dart安装(Winodws)
153 0
|
编译器 C语言 C++
vscode快捷键编译运行c++project(windows10)
vscode快捷键编译运行c++project(windows10)
119 0
|
Web App开发 JavaScript 前端开发
CocosCreator3.8研究笔记(二)windows环境 VS Code 编辑器的配置
CocosCreator3.8研究笔记(二)windows环境 VS Code 编辑器的配置
298 0
|
编译器 C语言 C++
01-C++-VSCode配置C++环境(windows)
01-C++-VSCode配置C++环境(windows)
|
IDE 开发工具 Android开发
在Windows和macOS平台,自主编译Qt Creator和Qt Designer源码
在Windows和macOS平台,自主编译Qt Creator和Qt Designer源码
479 0
|
C++ Windows
【OpenGL】一、Visual Studio 2019 创建 Windows 桌面程序 ( Visual Studio Installer 安装 C++ 桌面开发库 | 创建桌面程序 )
【OpenGL】一、Visual Studio 2019 创建 Windows 桌面程序 ( Visual Studio Installer 安装 C++ 桌面开发库 | 创建桌面程序 )
603 0
【OpenGL】一、Visual Studio 2019 创建 Windows 桌面程序 ( Visual Studio Installer 安装 C++ 桌面开发库 | 创建桌面程序 )