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

2016-01-11 15:27:21 +08:00
 lzsadam

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

一、问题

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

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 下我没有找到设置


二、扩展

├── Remote-FTP@0.7.15 远程 FTP 管理
├── Sublime-Style-Column-Selection@1.3.0 Sublime 样式的列选择
├── activate-power-mode@0.4.1 动感打字效果
├── atom-beautify@0.28.19 格式化代码
├── atom-ctags@4.4.2 据说是更强大的自动补全
├── atomatigit@1.5.5 Git 可视化操作
├── autocomplete-paths@1.0.2 路径补全
├── autocomplete-php@0.3.7 PHP 代码补全(包含关键字,方法参数,代码块等,其余插件不含)
├── autoprefixer@3.1.0 CSS3 前缀补全
├── color-picker@2.0.14 颜色选择
├── csscomb@0.3.1 按样式顺序美化 CSS 代码
├── csslint@1.1.4 CSS 语法检查
├── docblockr@0.7.3 方便注释
├── editorconfig@1.2.2 缩进设置
├── emmet@2.3.17 不解释
├── git-log@0.4.1 图形化查看 Git 更新日志
├── git-plus@5.9.0 在编辑器内用 Git 命令
├── highlight-selected@0.11.1 选择一个文本时,想同的全部高亮( Sublime Text 自带)
├── javascript-snippets@1.0.0 JavaScript 补全
├── jquery-snippets@11.0.0 jQuery 补全
├── jshint@1.8.3 JS 语法检查
├── language-diff@0.4.0 貌似是跟随 merge-conflicts 自动安装(比较差异?)
├── linter@1.11.3 语法检查(应该是跟随 linter-php 自动安装了)
├── linter-php@1.1.6 PHP 语法检查
├── merge-conflicts@1.3.7 在 Atom 中处理代码冲突
├── minimap@4.19.0 mini 地图( Sublime Text 自带)
├── minimap-highlight-selected@4.3.1 ( mini 地图的高亮显示插件)
├── monokai@0.18.0 经典的代码样式
├── pigments@0.19.5 CSS 颜色代码上显示颜色
├── script@3.3.0 执行脚本(支持多种语言)
├── seti-syntax@0.4.1 Seti 语法高亮样式
├── seti-ui@0.8.1 Seti 主题
├── simplified-chinese-menu@3.4.2 中文化
├── terminal-plus@0.14.5 在 Atom 中无缝使用终端,可多窗口
├── tool-bar@0.1.10 工具栏设置
└── tool-bar-almighty@0.6.1 自认使用便利的工具栏的一种,必须要先装 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 查看

9995 次点击
所在节点    Atom
2 条回复
fyibmsd
2016-03-07 12:46:13 +08:00
Use Preview Tabs 很有用
simman
2016-04-26 02:29:13 +08:00
@fyibmsd 1.7.2 里面貌似有这个设置呀。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/249895

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX