首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Atom编辑器- JS的TODO高亮显示?

Atom编辑器是一个开源的文本编辑器,由GitHub开发和维护。它支持多种编程语言,并且具有丰富的插件生态系统,可以满足开发者的各种需求。

在Atom编辑器中,可以通过安装插件来实现JS的TODO高亮显示。TODO是一种常见的注释标记,用于标识代码中需要完成或改进的部分。通过高亮显示TODO注释,开发者可以更容易地找到并处理这些任务。

以下是一种实现JS的TODO高亮显示的方法:

  1. 打开Atom编辑器,点击菜单栏的 "File",选择 "Settings"。
  2. 在 "Settings" 窗口中,选择 "Install" 选项卡。
  3. 在搜索框中输入 "todo",然后按下回车键。
  4. 出现搜索结果后,找到并点击 "todo-show" 插件。
  5. 点击右侧的 "Install" 按钮,等待插件安装完成。
  6. 安装完成后,点击左侧的 "Packages",选择 "todo-show"。
  7. 在弹出的 "TODO" 窗口中,可以看到代码中所有的TODO注释,并且它们会被高亮显示。

通过以上步骤,你可以在Atom编辑器中实现JS的TODO高亮显示。这样,你就可以更方便地管理和处理代码中的任务。

腾讯云相关产品和产品介绍链接地址:

请注意,以上仅为腾讯云的一些相关产品,其他云计算品牌商也提供类似的产品和服务。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【插件开发】—— 9 编辑器代码分块着色-高亮显示

大家在使用各种编辑器时候都会发现,有些关键词和一些注释之类都会以不同颜色进行显示,那么它是怎么做到呢?先看一下示例运行效果! ?   ...【着色】这样之后扫描每个分块进行分类,不同分类显示不同颜色!   大体上是这样一个过程,那么Eclipse是怎样做到呢? SourceViewer!...—— 代码编写视图窗口   这里主要是用了一个特殊view模型:SourceViewer,它是一种特殊文本视图,让我们可以配置自己代码显示规则!...这里第一个跟第三个参数都跟普通Control控件差不多。 ?   中间参数用于设置代码一个垂直规则(其实就是编辑器左边和右边有提示效果垂直边栏),想了解的话可以参考它官方API。   ...我们要解决问题大致如下:   如何进行分块?   如何进行着色?   如何附加到编辑器上?   一下是代码编写思维导图 ?

2.7K60

完全媲美sublime编辑器-Atom

那为什么还要推荐Atom呢?sublime用着用着经常发现安装新插件时候特别容易报错,开始不会看控制台时候还不知道!...而Atom则不必担心,插件有软件本身整理好可视化区域,安装、卸载、停用都非常方便,而且版本很清楚,不定期还能自动升级,大部分插件都可使用,而且插件有官方整理注解,不用IDE的话,可以说是目前看前端软件首选之一...我调选一些比较重要说明: 一、前端人员(html,css,js使用者): 1.emmet(※※※※※) 这个不必多说,简洁编写,加快代码开发 2.color-picker(※※※...) 写css时候看颜色很方便,在编辑器里面挑选颜色 Right click and select Color Picker, or hit CMD-SHIFT-C/CTRL-ALT-C to...可修改上面的颜色,位置,行间距,宽度,空隙,文字透明度,编辑令牌被呈现为普通块是否考虑它们所包含空白,是否显示侧边线滑动条,是否平滑滚动,所示区域遮罩颜色,缩略图hover时显示颜色, 3.

1.9K30

使用Atom打造无懈可击Markdown编辑器

一直以来都奢想拥有一款全能好用Markdown编辑器,直到遇到了Atom。废话不多说,直接开搞! 1. 安装Atom 下载安装Atom:https://atom.io/ ? 2....同步滚动(markdown-scroll-sync) 同步滚动是Markdown编辑器必备功能,方便翻阅文档修改时能快速定位到预览位置。...图片粘贴(markdown-image-paste) 图片功能支持好坏直接决定了我是否选择使用一个Markdown编辑器。也有不少编辑器和在线图床绑定,但是这种方式受限于网络。...添加index.js文件到解压后目录。...总结 以上介绍AtomMarkdown插件,基本上满足了我对一个Markdown编辑器所有幻想,实时渲染、同步滚动,公式、代码、图片、表格快捷操作与支持,以及pdf文件导出、预览等。

2.1K20

VSCode拓展推荐(前端开发)

编写更加人性化注释 Bookmarks 添加行书签 Bracket Pair Colorizer 用不同颜色高亮显示匹配括号 Can I Use HTML5、CSS3、SVG浏览器兼容性检查 Code...Color Info 小窗口显示颜色值,rgb,hsl,cmyk,hex等等 Color Picker 拾色器 CSS-in-JS CSS-in-JS高亮提示和转换 Dash 集成Dash Debugger...不需要手动运行,行内显示变量结果 React Native Storybooks storybook预览插件,支持react React Playground 为编辑器提供一个react组件运行环境,...Parser Todo管理 TS/JS postfix completion ts/js后缀提示 TSLint TypeScript语法检查 Types auto installer 自动安装@types...api、vue-router2、vuex2) Wallaby.js 实时测试插件 三、主题 名称 预览 Atom One Light Theme bluloco-dark bluloco-light

2.2K41

vscode奇淫记(上)

每次换editor都是一种煎熬,从最早eclipse,sublime,webstorm到现在在用atom,换编辑器驱动是寻找更酷炫和轻量平衡点,其实我真的蛮喜欢atom,酷炫!...现在就能分别使用相应命令秒开各种编辑器了。 定制自己VS code ps:我是一个会因为找不到自己喜欢高亮主题而放弃一款编辑器重度强迫症者。 一定要挑选等宽字体。...(推荐如下几个) Source Code Pro(我当前用) Menlo Consolas Monaco Courier New 设置合适字体大小和行高 挑选一个满意代码高亮主题(推荐如下)...当然可以直接输入下面这命令来隐藏或显示活动栏 Toggle Activity Bar Visibility 快捷键 关于快捷键,推荐一个插件KeyMap,这样不管你从sublime,atom还是其他编辑器转过来...在此之上,VScode一些常用快捷键罗列如下,官方英文 因为用了KeyMap插件,所以我大部分快捷键是从atom上继承过来,所以有些快捷键就在迈向新纪元编辑器里了, 【COMMAND +P 模式】

2.1K100

vscode语言插件设置

SVG Viewer 此插件在 Visual Studio 代码中添加了许多实用 SVG 程序,你无需离开编辑器,便可以打开 SVG 文件并查看它们。...同时,它还包含了用于转换为 PNG 格式和生成数据 URI 模式选项。 3.9. TODO Highlight 这个插件能够在你代码中标记出所有的 TODO 注释,以便更容易追踪任何未完成业务。...Regex Previewer 这是一个用于实时测试正则表达式实用工具。它可以将正则表达式模式应用在任何打开文件上,并高亮所有的匹配项。...GitLens 显示文件最近commit和作者,显示当前行commit信息 3.28....Markdown Preview Enhanced Markdown Preview Enhanced 是一款为 Atom 以及 Visual Studio Code 编辑器编写超级强大 Markdown

1.5K20

PowerBI 矩阵条件格式高亮显示

在 PowerBI 中,矩阵的确是最强大而复杂结构,为了突出显示各种信息,需要对内容来高亮显示。 ? 这里就一起来看对矩阵条件格式。...普通条件格式 常常需要在矩阵中高亮显示数字或是背景,PowerBI 默认给出了类似 Excel 条件格式设置,如下: ? 可以用条件格式对背景色,字体颜色,数据条,图标和Web URL设置。...所以,所有的问题就转换成了:用 DAX 公式编写,在满足某种条件下,显示什么颜色值问题。就是: 如果,…., 就显示,…颜色 凡是可以用 DAX 公式表达出来逻辑,就都可以设置颜色。...这是最简单方式,如果结合切片器选择,可以高亮多行。...这种设置可以通过选择来高亮固定元素。 实现按值大小高亮 很多情况下,我们需要来动态对比值,让某些单元格来高亮。例如:可以对比所有值平均值,并将大于或小于平均值单元格分别高亮

5.2K30

如何使特定数据高亮显示?

当表格里数据比较多时,很多时候我们为了便于观察数据,会特意把符合某些特征数据行高亮显示出来。...这不,公司HR小姐姐就有这个需求,说她手头上有一份招聘数据,她想把“薪水”超过20000行突出显示出来,应该怎么操作呢?...如下图,在选中了薪水列数据之后,点击进行“大于”规则设置: 最终结果如下: 薪水大于20000单元格虽然高亮显示了,但这并不满足我们需求,我们要是,对应数据行,整行都高亮显示。...所以,在这里要提醒小伙伴们,如果想实现整行突出显示,“突出显示单元格规则”是不适用。“突出显示单元格规则”顾名思义,就是对符合规则“单元格”进行设置,而不是对“数据行”进行设置。...2.如何使特定数据行高亮显示? 首先,选定要进行规则设置数据范围:选定第一行数据行后,同时按住Ctrl+Shift+向下方向键,可快速选定所有数据行。

5.1K00

Atom一些操作

docblockr    文档化注释,你懂,团队协作规范注释必备插件。 Linter Jshint    帮助你编写专业js代码,js开发者必备插件。...基本使用 命令面板 Atom很多功能学习和参考了其他优秀编辑器, 命令面板就是其一. ...当你第一次看到它时, 还以为在用Sublime呢  命令面板是Atom中最常用功能之一, 当你在编辑器中使用快捷键Ctrl+Shift+P时, 就会看到它  在控制面板中可以输入Atom中和插件中定义所有命令..., 并且支持模糊搜索  比如说当你输入cboo时, 所有包含有这4个字符命令就都列出来了  在列出命令后还显示了此命令对应快捷键(如果有的话) 设置窗口 自带可视化设置界面是Atom使用很方便原因之一...使用快捷键Ctrl+, 在设置窗口中可以设置和管理各种编辑器行为, 键盘快捷键, 插件, 主题等内容 设置窗口界面主题和代码高亮 Atom自带了4种窗口主题和8种代码高亮方式  可以通过设置窗口中Themes

69830

20款优秀免费代码编辑器

Atom.io(Win7、Win8、OS X 10.8、Linux)免费 GitHub开发文本编辑器Atom发布了0.177.0版,其中一个引入注目的变化是从Node.js切换到了io.js。...io.js是Node.js分支,Node.js社区发生分裂后由核心开发者在2014年12月创建,已经发布了v1.1版,目前开发非常活跃。Atom是切换到io.js一个重量级项目。...Atom.io功能特性: 里面嵌套了谷歌浏览器FIREBUG无论你是调整AtomCSS接口还是添加一些HTML和javascript主要功能 Node.js支持使得访问文件系统、派生子进程、...开发者可以直接从50000多个Node.js包库里选择自己所需库无缝集成使得开发者可以自由搭配Node.js和浏览器API 全面的模块化设计功能由一个极简核心和超过50个开源包构成Atom目标是打造一个极易扩展系统...Notepad++功能特性: 语法高亮显示和语法折叠 所见即所得 用户定义语法高亮显示 自动完成 多文档 多视图 支持基于正则表达式查找/替换 支持全面的拖放 视图动态位置 文件状态自动检测

5.3K30

如何评价 GitHub 发布文本编辑器 Atom

Atom 扩展也是用 JS 或者 Coffee 在 Node + webkit 环境下开发,并且可以使用 npm 包,这对于前端和 Node 开发者是很有诱惑力,需要的话完全可以把 Atom 打造成一个...如今让人感觉慢地方主要是启动loading(也大大短于eclipse, idea),使用时并没察觉它比其他编辑器慢再哪。而文本编辑器快慢,更重要是“让你工作更快更有效率”。...,写了左括号,先把右括号给补充完,当你写完第二行代码时,需要用到“再1-2行中间插入一行”,此时你光标停留在第二行,传统编辑器你需要:按上箭头移动光标到第一行 -> 按END键去到第一行末尾 -> 按回车插入一行...,mac下END键还需要用CMD+右来组合出来,而Vim/Atom-VimMode中,你只需要shift+o即可,手指完全不离开主键盘区,不用像传统编辑器那样,右手先移动到箭头区又移动到HOME小键盘区...你再编辑代码时候,90%情况可以直接一步完成,这就叫细粒度微操,而且整个过程手都不需要离开主键盘,不像传统编辑器那样,若干笨重操作组合再一起,操作不够细步骤多同时手还要再:主键盘区,方向键区,扩展键区

1.1K20

VSCode打造成为开发神器

VSCode现在是世界上最为常用编辑器之一,为什么被称为编辑器,是因为它不像IDE一样集成了大量开发环境配置,必须你手动配置很多东西,才能将它打造成为一个趁手生产工具。...3.6 CSS Color Highlight:颜色高亮插件。 Color Picker:颜色选择插件。 CSS Peek:可以定位到项目中已经声明过CSS类。...Bracket Pair Colorizer 2:将不同括号显示不同颜色。 HTML CSS Support:完成HTML和CSS。 HTML Snippets:HTML片段。...TODO Highlight:将注释中TODO进行高亮Todo Tree:自动跳转到注释中含有TODO地方。...Project Manager:项目管理,如果有几个经常需要打开项目,就可以使用该插件,可以非常方便切换项目。 Quokka.js:调试插件。

1.9K20

推荐几款好用文本编辑器

下载地址:https://code.visualstudio.com/Download Github Atom Atom 是 GitHub 专门为程序员推出一个跨平台文本编辑器。...“快,是HBuilder最大优势,通过完整语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css开发效率。 ?...utm_source=alading&utm_campaign=repo BowPad BowPad 是一个带有功能区 UI 简单而快速文本编辑器 显著特性: 超过100种文件类型和语言语法高亮显示...,列/块模式编辑,命名模板; 十六进制编辑器可以编辑任何二进制文件,并显示二进制和ASCII视图; HTML工具栏,对常用HTML功能作了预配置;文件加密/解密;多字节和集成IME。...网络搜索工具栏:高亮显示文本并单击网络搜索工具栏按钮,从编辑器内启动搜索加亮词语;

2.3K30

MS Windows 下基于AtomLaTeX编译环境配置

一、编辑器搭建 安装Atom 正如Atom宣传语,Atom is a hackable text editor for the 21thcentury. 因此我选择了它。...它作用是:Run code in Atom. (2)安装atom-runner。它作用是:Runs scripts inside Atom. (3)安装latex。...它作用是:Syntax highlighting for LaTeX for Atom. (5)安装pdf-view。它作用是:Atom PDF viewer based on PDF.js....编译之后生成PDF文件可以和源文件同屏显示。 二、LaTeX初体验 创建新tex文件:Ctrl + N创建新文件,Ctrl + S 保存文件,并将该文件命名为扩展名为.tex文件。...之后在Atom主界面的xxx.tex栏里可以看到打出LaTeX关键词被高亮显示。 完成一个简单LaTex源文件,Ctrl+ S 将源文件保存,Ctrl + shift + B编译出相应文件。

1.4K70

vim显示行号、语法高亮、自动缩进设置

"显示行号 set guifont=Luxi/ Mono/ 9 " 设置字体,字体名称和字号 filetype on "检测文件类型..."语法高亮显示 set autoindent "vim使用自动对齐,也就是把当前行对齐格式应用到下一行(自动缩进) set cindent...set ruler "在编辑过程中,在右下角显示光标位置状态行 set nohls..."默认情况下,寻找匹配是高亮显示,该设置关闭高亮显示 set incsearch "在程序中查询一单词,自动匹配单词位置;如查询desk单词,...当输到/d时,会自动找到第一个d开头单词,当输入到/de时,会自动找到第一个以ds开头单词,以此类推,进行查找;当找到要匹配单词时,别忘记回车 set backspace=2

4.5K20

推荐几款好用文本编辑器

下载地址:https://code.visualstudio.com/Download Github Atom Atom 是 GitHub 专门为程序员推出一个跨平台文本编辑器。...“快,是HBuilder最大优势,通过完整语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css开发效率。 ?...utm_source=alading&utm_campaign=repo BowPad BowPad 是一个带有功能区 UI 简单而快速文本编辑器 显著特性: 超过100种文件类型和语言语法高亮显示...,列/块模式编辑,命名模板; 十六进制编辑器可以编辑任何二进制文件,并显示二进制和ASCII视图; HTML工具栏,对常用HTML功能作了预配置;文件加密/解密;多字节和集成IME。...网络搜索工具栏:高亮显示文本并单击网络搜索工具栏按钮,从编辑器内启动搜索加亮词语; 界面截图: ?

4.7K10

ATOM编辑器EMMET插件支持VUE文件方法

最近一直使用ATOM编辑器。因为这是免费,并且和GIT配合非常好用。关键是可以从sublime无缝转换到这个编辑器来使用。...有一个问题就是,我们在编辑.vue这样文件时候,emmet语法得不到支持。这让我很憋屈。终于找到了解决方法。在这里分享给大家。...我环境是MAC,但应该在windows和linux下是一样才对。 进入终端编辑配置文件 vim ~/.atom/keymap.cson 这个文件默认有大段注释。...'tab': 'emmet:expand-abbreviation-with-tab' 然后按 esc退出编辑模式,再输入:wq保存退出,然后重启atom。...然后你就会发现,在.vue文件下面,支持emmet语法啦 原资料出处:https://github.com/emmetio/emmet-atom/issues/364

46610
领券