• 技术文章 >开发工具 >atom

    Atom块注释插件multi-comment的安装和使用

    青灯夜游青灯夜游2021-06-29 19:14:11转载527
    本篇文章给大家介绍一下Atom实现块注释(/* */)的方法,了解块注释插件multi-comment的安装和使用。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    相关推荐:《atom教程

    Atom插件:multi-comment

    1. Atom - Multi-comment简介:

    • a block-comment module built with the focus to interact with the default line-comment-command.

    翻译为:

    • 使用焦点构建的块注释模块,用于与默认的行注释命令交互。

    2. multi-comment插件的安装

    1. 打开Atom,在菜单栏以此打开:Packages(扩展) >> Setting View(设置界面) >> Install Packages/Themes(安装 插件/主题),即可 进入插件/主题安装界面。

    2. 在 插件/主题安装界面 中 搜索 multi-comment,然后点击 Install(安装)如下图(已安装):
      multi-comment的安装

    3. multi-comment插件的改造

    1. 默认的块注释 快捷键 修改为:Ctrl + Shift + /

    {
      "atom-workspace": {
        "ctrl-shift-/": "multi-comment:toggle"
      }}

    2. 修改默认 注释符 开始标记 /* 后 和 结束标记 */ 前 分别多加了1个空格。

    const languages = [
      {
        name: 'coffeescript',
        test: /^source\.coffee\.?/,
        openToken: '###',
        closeToken: '###',
        /* when used at line start line-scoprDescriptor will override
        so we cheat with leading \t */
        option: { tab: '\\t' }
      },
      {
        name: 'javascript',
        test: /^source\.js\.?/,
        openToken: '/*',
        closeToken: '*/'
      },
      {
        name: 'java',
        test: /^source\.java\.?/,
        openToken: '/*',
        closeToken: '*/'
      },
      {
        name: 'css',
        test: /^source\.css\.?/,
        openToken: '/*',
        closeToken: '*/',
        option: { scanInside: true }
      },
      {
        name: 'php',
        test: /html\.php/,
        openToken: '/* ',
        closeToken: ' */'
      },
      {
        name: 'ruby',
        test: /^source\.ruby\.?/,
        openToken: '=begin',
        closeToken: '=end',
        option: { newline: '\\n' }
      },
      {
        name: 'c',
        test: /^source\.c\.?/,
        openToken: '/*',
        closeToken: '*/'
      }];

    3. 修改 使用快捷键注释后的光标效果

      addComment() {
        const range = this.editor.getSelectedBufferRange();
        const text = this.editor.getTextInBufferRange(range);
        const [open, close] =
        (this.lang.commentTokens.option && this.lang.commentTokens.option.newline) ?
          [`\n${this.lang.commentTokens.open}\n`, `\n${this.lang.commentTokens.close}\n`] :
        (this.lang.commentTokens.option && this.lang.commentTokens.option.tab) ?
          [`\t${this.lang.commentTokens.open}`, `\t${this.lang.commentTokens.close}`] :
          [this.lang.commentTokens.open, this.lang.commentTokens.close];
    
        this.editor.setTextInBufferRange(range, `${open}${text}${close}`);
        // set cursor position
        const landPosition = pointMove(this.editor.getCursorBufferPosition(), - (close.length - 1), this.editor);
        this.editor.setCursorBufferPosition(landPosition);
      }

    将代码:

    	// set cursor position
        const landPosition = pointMove(this.editor.getCursorBufferPosition(), - (close.length - 1), this.editor);
        this.editor.setCursorBufferPosition(landPosition);

    修改为:

        if (text === '') {
          // set cursor position
          const landPosition = pointMove(this.editor.getCursorBufferPosition(), - (close.length - 1), this.editor);
          this.editor.setCursorBufferPosition(landPosition);
        }

    加粗样式完成以上修改工作后,想要的插件的效果还没有在Atom中立刻生效,因此需要 先关闭Atom,并重新打开。
    此时想要的插件的效果就实现了。

    更多编程相关知识,请访问:编程视频!!

    以上就是Atom块注释插件multi-comment的安装和使用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:Atom 块注释
    上一篇:浅谈Atom实现HTML实时预览的方法 下一篇:详解Atom配置Python虚拟环境的方法(Windows环境)
    第16期线上培训班

    相关文章推荐

    • Atom中怎么显示右侧行数?• 浅谈Atom利用Markdown存放图片的方法• 浅谈atom中隐藏.DS_Store文件的方法• atom中怎么离线安装package• Atom如何汉化?方法介绍

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网