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


相关文章
|
1月前
|
Windows
Windows无法连接到打印机,请检查打印机名并重试 - 配置Windows 共享打印机出错;
WIN7共享打印机无法被WIN11连接,出现错误代码0x0000011b或0x00000709,可能是系统版本不兼容所致。本文提供多个轻量级修复工具,无需安装,双击即用,专为解决此类小问题设计,操作简单,适合普通用户快速修复打印机连接异常。
434 0
|
5月前
|
XML 存储 搜索推荐
Omnissa Dynamic Environment Manager 2503 - 个性化动态 Windows 桌面环境管理
Omnissa Dynamic Environment Manager 2503 - 个性化动态 Windows 桌面环境管理
102 7
Omnissa Dynamic Environment Manager 2503 - 个性化动态 Windows 桌面环境管理
|
2月前
|
网络安全 Windows
Windows IIS 10如何配置自签名SSL并实现自动跳转
本文记录了IIS配置自签名证书及HTTPS跳转的注意事项。包括解决443端口占用问题、URL Rewrite插件安装与配置、web.config修改方法,以及避免因旧教程导致的配置错误。
Windows IIS 10如何配置自签名SSL并实现自动跳转
|
2月前
|
C语言 图形学 Windows
Windows下安装和配置GTK4(基于CLion)
本文介绍了作者选择GTK作为C语言图形库的原因,包括代码简洁、控件丰富和界面美观,并分享了在Windows环境下通过MSYS2安装GTK4及在CLion中配置开发环境的详细步骤。
361 0
|
2月前
|
Windows
Windows下版本控制器(SVN)-验证是否安装成功+配置版本库+启动服务器端程序
Windows下版本控制器(SVN)-验证是否安装成功+配置版本库+启动服务器端程序
117 2
|
5月前
|
安全 Windows
“由于启动计算机时出现了页面文件配置问题,Windows在你的计算机上创建了一个临时页面文件。。。”的问题解决
本文主要介绍了因清理电脑垃圾文件时误删虚拟内存导致的Windows页面文件配置问题,并提供了详细的解决步骤。问题表现为开机后出现临时页面文件创建的提示弹窗。解决方法包括通过控制面板或快捷键进入高级系统设置,进而调整虚拟内存设置:进入性能选项中的虚拟内存栏,选择自动管理所有驱动器的分页文件大小,最后确认并重启计算机以恢复正常运行。
3747 5
“由于启动计算机时出现了页面文件配置问题,Windows在你的计算机上创建了一个临时页面文件。。。”的问题解决
|
Windows
Windows下版本控制器(SVN)- 配置版本库
Windows下版本控制器(SVN)- 配置版本库
27 0
|
3月前
|
安全 Shell 开发工具
Windows下使用git配置gitee远程仓库
就在前几天因为一些原因,我的电脑重装了系统,然后再重新配置git的环境的时候就遇到了一些小问题。所以我决定自己写一篇文章,以便以后再配置git时,避免一些错误操作,而导致全网搜方法,找对的文章去找对应的解决方法。下面为了演示方便就拿gitee来演示,不拿GitHub了写文章了。
209 0
|
5月前
|
Ubuntu 数据库 虚拟化
Windows 环境下 Odoo 安装保姆级教程
本教程详细介绍了在 Windows 系统上通过虚拟机部署 Odoo 的完整流程。首先确认硬件需求,确保 CPU、内存和磁盘空间满足最低配置;接着安装 VMware Workstation Pro 并创建 Ubuntu 虚拟机,配置桥接网络以实现主机与虚拟机的通信;随后借助微聚云快速安装预配置好的 Odoo 环境,简化复杂环境搭建;最后通过浏览器访问虚拟机 IP,完成 Odoo 数据库初始化及基础设置。整个过程清晰易懂,适合新手快速上手 Odoo 部署。
716 4
|
6月前
|
存储 运维 监控
提升Windows Server环境安全性:ADAudit Plus的五大关键优势
在Windows Server环境中,内置的安全审计工具虽有用,但存在专业门槛高、耗时及功能缺失等问题。第三方工具ADAudit Plus应运而生,其五大优势包括:日志聚合、关键活动检测、定制化报告、灵活安全配置和长期日志保留,有效提升系统监控与合规能力。选择ADAudit Plus,助力企业更高效应对审计挑战,强化安全性。
157 2