JSX Emmet 支持
-
安装
react
插件, 可以直接在插件管理中安装, 也可以通过下列命令安装:apm install react
File - keymap...中添加如下规则:
'atom-text-editor[data-grammar="source js jsx"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
添加完之后,keymap.cson
文件为:
".platform-win32 atom-text-editor:not([mini])":
"shift-ctrl-K": "markdown-writer:insert-link"
"shift-ctrl-I": "markdown-writer:insert-image"
"ctrl-i": "markdown-writer:toggle-italic-text"
"ctrl-b": "markdown-writer:toggle-bold-text"
"ctrl-'": "markdown-writer:toggle-code-text"
'ctrl-`': "markdown-writer:toggle-codeblock-text"
"ctrl-h": "markdown-writer:toggle-strikethrough-text"
"ctrl-1": "markdown-writer:toggle-h1"
"ctrl-2": "markdown-writer:toggle-h2"
"ctrl-3": "markdown-writer:toggle-h3"
"ctrl-4": "markdown-writer:toggle-h4"
"ctrl-5": "markdown-writer:toggle-h5"
'atom-text-editor[data-grammar="source js jsx"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
安装完之后:
div.app
// 会自动的补充为:
<div className="app"></div>
atom安装包
-
atom-live-server
: 自动刷新 -
atom-ternjs
: 智能补全代码 -
docblockr
: 文档注释工具 -
emmet
: 不用说 -
highlight-selected
: 标配,选中词汇高亮 -
markdown-preview-plus
&markdown-scroll-sync
: markdown 同步语法 -
platformio-ide-terminal
: terminal工具,方便使用命令行 -
react
:支持JSX语法 -
language-babel
: 支持ES6语法 -
color-picker
: 颜色选择器