文檔金喜正規買球>>IntelliJ IDEA系列教程：>>Java開發平臺IntelliJ IDEA教程：與React集成（上）
Java開發平臺IntelliJ IDEA教程：與React集成（上）
IntelliJ IDEA是Java語言開發的集成環境，IntelliJ在業界被公認為優秀的Java開發工具之一，尤其在智能代碼助手、代碼自動提示、重構、J2EE支持、Ant、JUnit、CVS整合、代碼審查、 創新的GUI設計等方面的功能可以說是超常的。
IntelliJ IDEA現已更新至2019.2版本，新版本改進了java13預覽等20余項功能，提高了開發效率，趕快下載體驗吧~（點擊查看更新詳情）
僅Ultimate Edition 支持此功能。
React是一個JavaScript庫，用于從封裝的組件構建復雜的交互式用戶界面。
IntelliJ IDEA與React集成在一起，可在配置，編輯，整理，運行，調試和維護應用程序方面提供幫助。
建議開始構建新的React單頁應用程序的方法是create-react-app軟件包，IntelliJ IDEA使用npx下載并運行該軟件包。因此，您的開發環境已預先配置為使用webpack，Babel，ESLint和其他工具。
當然，您仍然可以自己下載Create React App或創建一個空的IntelliJ IDEA項目并在其中安裝React。
使用create-react-app生成React應用
1、選擇文件| 新增| 項目從主菜單或單擊新建項目的按鈕歡迎屏幕。
2、在“ 新建項目”向導的第一頁的“ 項目類別和選項”對話框中，在左側窗格中選擇“ 靜態Web ”。
3、在右側窗格中，選擇React App并單擊Next。
4、在向導的第二頁上，指定項目名稱和用于創建項目的文件夾。
在這種情況下，您將必須按照下面構建React應用程序中的描述自行配置構建管道 。
要創建一個空的IntelliJ IDEA的項目
選擇文件| 新增| 項目從主菜單或單擊新建項目的按鈕歡迎屏幕。
在“ 新建項目”向導的第一頁的“ 項目類別和選項”對話框中，在左側窗格中選擇“ 靜態Web ”。
在右側窗格中，再次選擇“ 靜態Web”，然后單擊“ 下一步”。
在向導的第二頁上，指定項目文件夾和名稱，然后單擊完成。
要安裝作出反應空項目
打開將使用React的空項目。
在嵌入式終端（Alt+F12）中，鍵入：
npm install --save react react-dom
您還可以 按照npm和Yarn中的說明將軟件包安裝在Node.js和NPM頁面上。
與現有的應用程序做出反應開始
在彈出窗口中 單擊運行“ npm install”：
更多與React集成的內容，歡迎持續關注我們即將推出的后續教程
=====================================================
IntelliJ IDEA示例/使用教程/視頻資源合集，請點擊此處查看
想要了解或購買IntelliJ IDEA正版授權的朋友，歡迎
關注下方微信公眾號，及時獲取產品最新消息和最新資訊
QQ交談
在線咨詢
慧都科技 版權所有 Copyright 2003-2025 
渝公網安備
50010702500608號
客服熱線