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交谈
在线咨询
渝公网安备
50010702500608号
客服热线