文檔金喜正規(guī)買(mǎi)球>>IntelliJ IDEA系列教程：>>Java開(kāi)發(fā)平臺(tái)IntelliJ IDEA教程：與React集成（上）

Java開(kāi)發(fā)平臺(tái)IntelliJ IDEA教程：與React集成（上）

IntelliJ IDEA是Java語(yǔ)言開(kāi)發(fā)的集成環(huán)境，IntelliJ在業(yè)界被公認(rèn)為優(yōu)秀的Java開(kāi)發(fā)工具之一，尤其在智能代碼助手、代碼自動(dòng)提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查、創(chuàng)新的GUI設(shè)計(jì)等方面的功能可以說(shuō)是超常的。

IntelliJ IDEA現(xiàn)已更新至2019.2版本，新版本改進(jìn)了java13預(yù)覽等20余項(xiàng)功能，提高了開(kāi)發(fā)效率，趕快下載體驗(yàn)吧~（點(diǎn)擊查看更新詳情）

點(diǎn)擊下載IntelliJ IDEA最新試用版

Java開(kāi)發(fā)平臺(tái)IntelliJ IDEA教程：與React集成（中）
Java開(kāi)發(fā)平臺(tái)IntelliJ IDEA教程：與React集成（下）

僅Ultimate Edition 支持此功能。

React是一個(gè)JavaScript庫(kù)，用于從封裝的組件構(gòu)建復(fù)雜的交互式用戶(hù)界面。

IntelliJ IDEA與React集成在一起，可在配置，編輯，整理，運(yùn)行，調(diào)試和維護(hù)應(yīng)用程序方面提供幫助。

建議開(kāi)始構(gòu)建新的React單頁(yè)應(yīng)用程序的方法是create-react-app軟件包，IntelliJ IDEA使用npx下載并運(yùn)行該軟件包。因此，您的開(kāi)發(fā)環(huán)境已預(yù)先配置為使用webpack，Babel，ESLint和其他工具。

當(dāng)然，您仍然可以自己下載Create React App或創(chuàng)建一個(gè)空的IntelliJ IDEA項(xiàng)目并在其中安裝React。

使用create-react-app生成React應(yīng)用

1、選擇文件| 新增| 項(xiàng)目從主菜單或單擊新建項(xiàng)目的按鈕歡迎屏幕。

2、在“ 新建項(xiàng)目”向?qū)У牡谝豁?yè)的“ 項(xiàng)目類(lèi)別和選項(xiàng)”對(duì)話(huà)框中，在左側(cè)窗格中選擇“ 靜態(tài)Web ”。

3、在右側(cè)窗格中，選擇React App并單擊Next。

4、在向?qū)У牡诙?yè)上，指定項(xiàng)目名稱(chēng)和用于創(chuàng)建項(xiàng)目的文件夾。

在這種情況下，您將必須按照下面構(gòu)建React應(yīng)用程序中的描述自行配置構(gòu)建管道。

要?jiǎng)?chuàng)建一個(gè)空的IntelliJ IDEA的項(xiàng)目

選擇文件| 新增| 項(xiàng)目從主菜單或單擊新建項(xiàng)目的按鈕歡迎屏幕。
在“ 新建項(xiàng)目”向?qū)У牡谝豁?yè)的“ 項(xiàng)目類(lèi)別和選項(xiàng)”對(duì)話(huà)框中，在左側(cè)窗格中選擇“ 靜態(tài)Web ”。
在右側(cè)窗格中，再次選擇“ 靜態(tài)Web”，然后單擊“ 下一步”。
在向?qū)У牡诙?yè)上，指定項(xiàng)目文件夾和名稱(chēng)，然后單擊完成。

要安裝作出反應(yīng)空項(xiàng)目