react-利用Atom搭建開發環境

學習完React Native抽時間來看看它的基礎React，利用ATom來搭建Reactjs開發環境 atom

github官方推出的編輯器 atom-beautify外掛程式

atom-beautify用來格式化代碼用的，在atom編輯器中開啟’Settings’面板，可以通過快速鍵Command+,來開啟,開啟後進入Install，在搜尋方塊中輸入atom-beautify，然後點擊安裝就行：

atom-html-preview外掛程式

atom-html-preview用來即時展現html頁面效果的，安裝方式和上面一樣。

配置快速鍵

在設定頁面點擊KeyBindings菜單，然後點擊your keymap file進入設定快速鍵介面:

輸入以下內容：

'atom-text-editor':  'ctrl-F12':'atom-html-preview:toggle''.editor':  'ctrl-alt-b': 'atom-beautify:beautify-editor'

atom-html-preview的快速鍵是Ctrl+F12 atom-beautify的快速鍵為ctrl-alt-b 下載ReactJS

ReactJS下載後解壓，然後匯入到項目中即可,重要的是以下幾個檔案:

Helloworld React