琐碎记录 琐碎记录

Atom配置开发环境

2015-10-05
IDE  Atom

具体参照:

https://atom.io/docs

https://atom-china.org/

下载安装

wget https://atom.io/download/deb

dpkg -i deb

配置

edit	->	Preferences	->	Editor

字体:
Open Sans

大小:15

勾选 Show Line Number

中线Preferred Line Length:150

edit	->	Preferences	->	Themes

界面 UI Theme选择:
Atom Light

语法高亮 Syntax Theme选择:
Github Atom Light

edit->Preferences->Themes - your stylesheet自定义界面样式:

.tree-view {
  background-color: #E0E0E0;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  background-color:#f0f2f0;
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  //border-color: red;
}

atom-text-editor::shadow .selection .region {
  background-color: rgba(0, 150, 136, 0.22);
}

atom-text-editor .gutter, atom-text-editor::shadow .gutter {
  background: #dddddd;
}

edit->Preferences->keybindings - your keymap file自定义快捷键:

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

'atom-text-editor:not([mini])':
  'ctrl-d': 'editor:delete-line'
  'ctrl-/': 'sublime-block-comment:toggle'

'atom-workspace atom-text-editor:not([mini])':
  'alt-up': 'editor:move-line-up'
  'alt-down': 'editor:move-line-down'

'.platform-win32':
  'ctrl-shift-R': 'fuzzy-finder:toggle-file-finder'
  'ctrl-shift-T': 'fuzzy-finder:toggle-file-finder'

'.platform-win32, .platform-win32 .command-palette atom-text-editor':
  'ctrl-p': 'command-palette:toggle'

'.platform-darwin, .platform-win32, .platform-linux':
  'ctrl-l': 'go-to-line:toggle'

常用插件

(提示:以下未安装的插件在install界面搜索安装)
edit	->	Preferences	->	install
搜索下列插件并安装:

github-atom-light-syntax 语法高亮插件
atom-beautify 代码格式美化插件
atom-ternjs 代码智能提示插件
auto-detect-indentation 智能缩进插件
autocomplete-modules 为require/import模块智能提示插件
highlight-selected 高亮当前文本中双击所选单词或变量
language-vue 高亮vue语法
script 运行nodejs,java等(安装后打开某个node文件packages->script->run script/stop script)
vue-autocomplete 代码智能提示插件vue(v-if,v-for,v-heml....)

Content