003-代碼補全，運行，調試
一、代碼補全
IntelliJ IDEA為JavaScript代碼中的React API和JSX提供代碼補全。代碼補全適用於React方法，特定於React的屬性，HTML標記和組件名稱，React事件，組件屬性等。從React官方網站了解更多信息。
要獲得React方法和React特定屬性的代碼完成，您需要在項目中的某處存在react.js庫文件。通常庫已經在你的node_modules文件夾中。
完成React方法，屬性和事件 默認情況下，鍵入時會自動顯示代碼完成彈出窗口。例如：
在JSX標簽中，IntelliJ IDEA為特定於React的屬性（如className或classID）和非DOM屬性提供編碼幫助，如key或ref，此外，自動完成也適用於在項目的CSS文件中定義的類的名稱：
所有React事件（如onClick或onChange）也可以使用花括號（= {}）自動完成：
代碼補全也適用於大括號內的JavaScript表達式。這適用於您定義的所有方法和功能：
代碼補全HTML標簽和組件名稱 IntelliJ IDEA為您在JavaScript中或其他組件內部的方法內定義的HTML標記和組件名稱提供代碼完成：
補全也適用於使用ES6樣式語法的導入組件
補全組件屬性 IntelliJ IDEA為使用propTypes定義的組件屬性提供代碼完成並解析它們，以便您可以快速跳轉或預覽其定義：
當您自動完成組件的名稱時，IntelliJ IDEA將自動添加所有必需的屬性。如果組件使用中缺少某些必需的屬性，IntelliJ IDEA會提醒您。
二、將HTML屬性傳輸給JSX
您使用類屬性或事件處理程序復制一段HTML代碼並將其粘貼到JSX中時，IntelliJ IDEA會自動用React特定的屬性（className，onClick，onChange等）替換這些屬性。
三、運行和調試React應用程序
開始構建新的React單頁應用程序的建議方法是創建React應用程序。只有在這種情況下，您的開發環境才會預先配置為使用webpack和Babel。否則，您需要首先配置構建管道。
3.1、要運行React應用程序，請執行以下操作之一：
在npm tool window （View|tool window| npm）中，雙擊start任務【參看http://www.cnblogs.com/bjlhx/p/8967531.html】。感謝Webpack Hot Module Replacement，當開發服務器運行時，只要您更改任何源文件並保存更新，應用程序就會自動重新加載。
3.2、調試React應用程序
1》
等待應用程序編譯完成並且Webpack開發服務器準備就緒。在http：// localhost：3000 /上打開瀏覽器查看應用程序。
復制正在運行應用程序的URL地址（默認情況下為http：// localhost：3000 /），創建調試配置時稍後需要此URL。
2》創建一個新的JavaScript調試配置：選擇Run |編輯配置“，單擊，然後從列表中選擇”JavaScript Debuging“。在run/debug配置：JavaScript調試對話框中，將保存的URL（http：// localhost：3000 /）粘貼到URL字段中。保存配置。
3》在代碼中設置斷點並通過單擊配置列表旁邊的開始調試會話。
4》當命中第一個斷點時，切換到調試工具窗口並照常進行：逐步執行程序，停止並恢復程序執行，在暫停時檢查它，探索調用堆棧和變量，設置監視，評估變量，查看實際的HTML DOM等。
更多詳細參看：http://www.jetbrains.com/help/idea/react.html#react_code_completion
003-代碼補全，運行，調試