V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lzsadam
V2EX  ›  Atom

Atom 的个人扩展、配置及问题

  •  1
     
  •   lzsadam · 2016-01-11 15:27:21 +08:00 · 10197 次点击
    这是一个创建于 3244 天前的主题,其中的信息可能已经有所发展或是发生改变。

    以下所有内容如有疏漏请指正

    一、问题

    以下问题可能是我自己没找到设置,如有大牛请告知:

    1 、补全和补全搜索问题

    在 ST 下,例如我输入:
    funion 会出现 function , Atom 直接没提示了
    另外
    Atom 的补全一定要在补全框出来才有用
    而 ST 不用出框的情况下,在 funion 后面按 Tab 可以直接出 function

    2 、 Linux 下,列选择不友好

    装了 Sublime-Style-Column-Selection
    然而 Linux 下按 Alt 后点击鼠标可以操作窗口?
    我直接改了配置 ~/.atom/packages/Sublime-Style-Column-Selection/lib/sublime-select.coffee

    when 'linux'
        selectKey: 'ctrlKey' 
        mainMouseNum: 1 
        middleMouseNum: false
        enableMiddleMouse: false
    

    然而只能文本从左到右选
    如果反过来选,则选择的最后一行,只有光标,不会选中

    3 、高亮问题

    ST 下 单双引号也是可以高亮的,但 Atom 下我没有找到设置


    二、扩展

    ├── [email protected] 远程 FTP 管理
    ├── [email protected] Sublime 样式的列选择
    ├── [email protected] 动感打字效果
    ├── [email protected] 格式化代码
    ├── [email protected] 据说是更强大的自动补全
    ├── [email protected] Git 可视化操作
    ├── [email protected] 路径补全
    ├── [email protected] PHP 代码补全(包含关键字,方法参数,代码块等,其余插件不含)
    ├── [email protected] CSS3 前缀补全
    ├── [email protected] 颜色选择
    ├── [email protected] 按样式顺序美化 CSS 代码
    ├── [email protected] CSS 语法检查
    ├── [email protected] 方便注释
    ├── [email protected] 缩进设置
    ├── [email protected] 不解释
    ├── [email protected] 图形化查看 Git 更新日志
    ├── [email protected] 在编辑器内用 Git 命令
    ├── [email protected] 选择一个文本时,想同的全部高亮( Sublime Text 自带)
    ├── [email protected] JavaScript 补全
    ├── [email protected] jQuery 补全
    ├── [email protected] JS 语法检查
    ├── [email protected] 貌似是跟随 merge-conflicts 自动安装(比较差异?)
    ├── [email protected] 语法检查(应该是跟随 linter-php 自动安装了)
    ├── [email protected] PHP 语法检查
    ├── [email protected] 在 Atom 中处理代码冲突
    ├── [email protected] mini 地图( Sublime Text 自带)
    ├── [email protected] ( mini 地图的高亮显示插件)
    ├── [email protected] 经典的代码样式
    ├── [email protected] CSS 颜色代码上显示颜色
    ├── [email protected] 执行脚本(支持多种语言)
    ├── [email protected] Seti 语法高亮样式
    ├── [email protected] Seti 主题
    ├── [email protected] 中文化
    ├── [email protected] 在 Atom 中无缝使用终端,可多窗口
    ├── [email protected] 工具栏设置
    └── [email protected] 自认使用便利的工具栏的一种,必须要先装 tool-bar (可以设置尺寸、位置)
    

    三、配置:

    1 、保存时去所有行末的空格,去底部自动添加的空行:

    设置 —— 已安装的扩展 —— whitespace
    有两个默认勾上的选项,勾掉:

    1. Ensure Single Trailing Newline
    2. Ignore Whitespace On Current Line
    

    2 、代码自动补全快捷键(默认 Ctrl + Space ):

    编辑 —— 用户键盘映射
    最下面添加:

    'atom-text-editor':
        'alt-/': 'autocomplete-plus:activate'
    

    即可用 Alt + / 打开自动补全功能

    3 、 Sublime Text 单击为预览,双击为打开,可以避免出现很多标签页的问题,可 Atom 默认单击却是打开

    解决方案:设置 —— 已安装的扩展 —— 搜索 tabs —— 勾选 Use Preview Tabs

    4 、列选择不方便,需要安装 Sublime-Style-Column-Selection 插件,然而 Linux 下依然使用不能

    解决方案:~/.atom/packages/Sublime-Style-Column-Selection/lib/sublime-select.coffee
    修改这一段:我们改为 Ctrl + 鼠标左键拖动,修改后需要重启 Atom (貌似 1 左键 2 中键 3 右键)

    when 'linux'
        selectKey: 'ctrlKey'
        mainMouseNum: 1
        middleMouseNum: false
        enableMiddleMouse: false
    

    5 、左侧菜单字体太小的问题:

    解决方案:编辑 —— 用户样式设置,添加以下代码:

    .tree-view {
        font-size: 13px; 
    }
    

    6 、隐藏缩进指示线(中间的白线)

    解决方案:编辑 —— 用户样式设置,添加以下代码:

    atom-text-editor::shadow .wrap-guide {
        visibility: hidden;
    }
    

    7 、设置菜单的字体太小

    解决方案:编辑 —— 用户样式设置,添加以下代码:

    .settings-view {
        font-size: 16px;
    }
    

    8 、文件标题的字体太小

    解决方案:编辑 —— 用户样式设置,添加以下代码:

    .tab-bar .tab .title {
        font-size: 13px;
    }
    

    9 、标签 /括号的高亮样式(默认的底部虚线不明显)

    解决方案:编辑 —— 用户样式设置,添加以下代码:

    atom-text-editor::shadow .bracket-matcher .region {
        border-bottom: 1px solid lime;
        position: absolute;
        border: 1px dashed rgba(222, 255, 0, 0.7);
        background-color: rgba(255, 255, 255, 0.1);
    }
    

    10 、 php 补全的问题

    ~/.atom/packages/autocomplete-php/completions.json
    例如关键字 function,默认补全长这样:

    {
        "text": "function",
        "type": "keyword",
        "snippet": "${1:public }function ${2:FunctionName}(${3:$${4:value}${5:=''}})\n{\n\t${0:# code...}\n}"
    }
    

    但是我们想要的效果为,输入 func ,只打出 function
    可以在以上代码上面添加几行

    {
        "text": "function",
        "type": "keyword"
    }
    

    11 、 Monokai 风格,去斜体

    ~/.atom/packages/monokai/index.less
    注释掉 font-style: italic;,在以下三处:

    .entity > &.other.inherited-class
    .storage > &.type
    .support > &.type
    

    具体是哪个样式对应哪个斜体,请自行按 Ctrl + Shift + I 查看

    2 条回复    2016-04-26 02:29:13 +08:00
    fyibmsd
        1
    fyibmsd  
       2016-03-07 12:46:13 +08:00
    Use Preview Tabs 很有用
    simman
        2
    simman  
       2016-04-26 02:29:13 +08:00
    @fyibmsd 1.7.2 里面貌似有这个设置呀。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5399 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 346ms · UTC 07:49 · PVG 15:49 · LAX 23:49 · JFK 02:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.