具体参照:
下载安装
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....)