码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Monaco Editor教程(十二):使用Marker来增加分词注释,标记,优化编辑器交互体验


    前言

    在编辑器中有很多交互,其中一种交互就是当鼠标放到一个class上,显示该类的定义,该类的行数,注释,这在monaco中很常见,有时这个class并不是在当前文件定义的,而是在其他未打开的文件中定义的。
    如下图
    在这里插入图片描述
    鼠标放到insertSpaces 上,会显示该属性的上传路径,类型定义,以及备注。
    在这里插入图片描述
    上面这个是一个使用自定义Marker设置的分词备注。

    对于一个较大的项目来说,在使用类,方法,参数时,这些注释能够极大地帮助开发者,排查错误,准确调用方法,参数定义。
    这种分词注释的适用场景有很多,其中一个场景时,在系统中定义一些环境变量,在编辑文件时使用这些变量,但后来的开发者可能不理解这些变量的含义,用处,这个时候如果鼠标放到变量上,显示该变量的定义,用处,等一些重要注释,将会非常有助于开发者。

    下面我们就来介绍一下在monaco编辑器中如何使用Marker来制作一些自定义的标记,注释。以此来提升用户的使用体验。

    Marker

    为了让大家对Marker功能有一个比较清晰的认识,想让大家来看一下使用Marker实现的几个效果。

  • 相关阅读:
    Element 中图片预览后如何快速关闭
    单细胞分析:细胞聚类(十)
    智慧灯杆-智慧城市照明现状分析(2)
    flask框架初学-10-restful代码风格
    UEFI实战——键盘操作
    学完就干的Linux常用命令
    查找算法【二叉查找树】 - 二叉查找树的插入
    第一个C++程序
    C# 构造函数
    猿创征文丨赶紧进来!!! 详细介绍C语言指针(九千字完结篇)
  • 原文地址:https://blog.csdn.net/github_35631540/article/details/127402314
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号