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


相关文章
|
3月前
|
机器学习/深度学习 人工智能 自然语言处理
构建智能化编程环境:AI 与代码编辑器的融合
在人工智能的推动下,未来的代码编辑器将转变为智能化编程环境,具备智能代码补全、自动化错误检测与修复、个性化学习支持及自动化代码审查等功能。本文探讨了其核心功能、技术实现(包括机器学习、自然语言处理、深度学习及知识图谱)及应用场景,如辅助新手开发者、提升高级开发者效率和优化团队协作。随着AI技术进步,智能化编程环境将成为软件开发的重要趋势,变革开发者工作方式,提升效率,降低编程门槛,并推动行业创新。
|
10天前
|
弹性计算 开发框架 安全
基于云效 Windows 构建环境和 Nuget 制品仓库进行 .Net 应用开发
本文将基于云效 Flow 流水线 Windows 构建环境和云效 Packages Nuget 制品仓库手把手教你如何开发并部署一个 .NET 应用,从环境搭建到实战应用发布的详细教程,帮助你掌握 .NET 开发的核心技能。
|
1月前
|
存储 负载均衡 Java
如何配置Windows主机MPIO多路径访问存储系统
Windows主机多路径(MPIO)是一种技术,用于在客户端计算机上配置多个路径到存储设备,以提高数据访问的可靠性和性能。本文以Windows2012 R2版本为例介绍如何在客户端主机和存储系统配置多路径访问。
93 13
如何配置Windows主机MPIO多路径访问存储系统
|
1月前
|
监控 安全 网络安全
Windows Server管理:配置与管理技巧
Windows Server管理:配置与管理技巧
79 3
|
2月前
|
Oracle 关系型数据库 MySQL
Mysql(1)—简介及Windows环境下载安装
MySQL 是一个流行的关系型数据库管理系统(RDBMS),基于 SQL 进行操作。它由瑞典 MySQL AB 公司开发,后被 Sun Microsystems 收购,现为 Oracle 产品。MySQL 是最广泛使用的开源数据库之一,适用于 Web 应用程序、数据仓库和企业应用。
64 2
|
2月前
|
应用服务中间件 Shell PHP
windows系统配置nginx环境运行pbootcms访问首页直接404的问题
windows系统配置nginx环境运行pbootcms访问首页直接404的问题
|
2月前
|
弹性计算 关系型数据库 数据安全/隐私保护
阿里云国际版如何配置Windows服务器的虚拟内存
阿里云国际版如何配置Windows服务器的虚拟内存
|
2月前
|
Windows
Windows系统环境编写DOS批处理文件
Windows系统环境编写DOS批处理文件
42 0
|
5月前
|
开发工具
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
|
6月前
|
开发工具
Vim 编辑器:高效文本编辑的瑞士军刀
**Vim 概览:** Vim 是一个功能丰富的文本编辑器,以其高度可定制性著称。文章介绍了 Vim 的高效使用技巧,包括快捷打开文件、命令行模式下的常用命令、查找与替换、删除和复制文本。还讨论了配置 `.vimrc` 文件以自定义设置,如改变 leader 键、设置缩进和高亮,并展示了安装插件如 vim-airline 和 vim-snazzy 的方法。通过这些技巧,用户能提升 Vim 使用效率。
73 5
下一篇
DataWorks