翻譯|使用教程|編輯:吳園園|2019-10-08 10:23:10.797|閱讀 2934 次
概述:本系列教程內容為如何將IntelliJ IDEA與您喜歡的語言,平臺或框架結合使用。IntelliJ IDEA與React集成在一起,可在配置,編輯,整理,運行,調試和維護應用程序方面提供幫助。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
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正版授權的朋友,歡迎
關注下方微信公眾號,及時獲取產品最新消息和最新資訊
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: