您還可以在這里找到我：
- 博客：http://haochuan.io/
- Medium：_haochuan
- Github：haochuan (haochuan) · GitHub
英文版請(qǐng)前往：
如果你正在糾結(jié)到底在vim, emacs, sublime text, atom, webstorm中癣丧，哪個(gè)是‘最好’的編輯器秉继，那么請(qǐng)忽略這篇文章鱼鼓。如果你覺(jué)得自己喜歡atom，或者你對(duì)atom有興趣想嘗試一下奔浅，那么這篇文章可能會(huì)對(duì)你有所幫助。
以下的內(nèi)容主要是關(guān)于我自己atom的設(shè)置，主要針對(duì)于HTML髓削，CSS才写，JS葡兑，React奖蔓，Node.js等web前端的開(kāi)發(fā)。
下圖是我的Atom的截圖：
atom_setting.png
UI Theme
material是目前我最喜歡的Theme讹堤，我在atom和sublime里都在用吆鹤。
Syntax Theme
很多人喜歡用atom-material-syntax 來(lái)配合 atom-material-ui一起，但是我覺(jué)得這個(gè)Syntax Theme的對(duì)比度對(duì)我來(lái)說(shuō)有點(diǎn)傷眼睛蜕劝。
在oceanic-next-dark里檀头，我做了如下的修改（光標(biāo)顏色，選中內(nèi)容顏色岖沛，背景顏色）：
@syntax-cursor-color: #FFCC00;
@syntax-selection-color: #474747;
@syntax-background-color: #1C1C1C;
注：因?yàn)槲沂侵囟葀im用戶暑始，所以合適的光標(biāo)顏色對(duì)我很重要:)
Keymap
目前為止我現(xiàn)在只有一個(gè)自定義的keymap：
'ctrl-e': 'tree-view:toggle'
這是在vim里的nerdtree的對(duì)應(yīng)。
Packages
- atom-beautify: 格式美化 HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, and SQL in Atom
- atom-ternjs: ES5, ES6 (JavaScript 2015), Node.js, jQuery & Angular 格式補(bǔ)全
- autocomplete-modules: require/import 自動(dòng)補(bǔ)全
- color-picker: Right click or press CMD-SHIFT-C/CTRL-ALT-C to open it
- docblockr: A helper package for writing documentation
- emmet: the essential tool for web developers
- language-babel: Babel JavaScript ES201x, React JSX & Flow Grammar & Transpiler
- linter: A Base Linter with Cow Powers
- pigments: A package to display colors in project and files.
- react: React.js (JSX) language support, indentation, snippets, auto completion, reformatting
- term3: A terminal emulator for Atom. You can run shell sessions, Vim, Emacs, htop, etc.
- todo-show: Finds all the TODOs, FIXMEs, CHANGEDs, etc. in your project.
- vim-mode
來(lái)自Facebook的兩個(gè)有趣的插件包
一般情況下這兩個(gè)包都是被我禁用的嗤朴，因?yàn)樘恕虫溜！?/p>
其他
- Font Family: monaco
- Font Size: 12
- auto-update-packages: 如果你想讓你的各種插件自動(dòng)更新
- file-icons: 如果喜歡針對(duì)不同文件類型的不同圖標(biāo)
