JSX Emmet 支持
-
安裝
react
插件贮折, 可以直接在插件管理中安裝芦鳍, 也可以通過下列命令安裝:apm install react
File - keymap...中添加如下規(guī)則:
'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
// 會(huì)自動(dòng)的補(bǔ)充為:
<div className="app"></div>
atom安裝包
-
atom-live-server
: 自動(dòng)刷新 -
atom-ternjs
: 智能補(bǔ)全代碼 -
docblockr
: 文檔注釋工具 -
emmet
: 不用說 -
highlight-selected
: 標(biāo)配,選中詞匯高亮 -
markdown-preview-plus
&markdown-scroll-sync
: markdown 同步語法 -
platformio-ide-terminal
: terminal工具寞钥,方便使用命令行 -
react
:支持JSX語法 -
language-babel
: 支持ES6語法 -
color-picker
: 顏色選擇器