世界俱乐部杯赛

Java开发平台IntelliJ IDEA教程：与React集成（上）

翻译|使用教程|编辑：吴园园|2019-10-08 10:23:10.797|阅读 2895 次

概述：本系列教程内容为如何将IntelliJ IDEA与您喜欢的语言，平台或框架结合使用。IntelliJ IDEA与React集成在一起，可在配置，编辑，整理，运行，调试和维护应用程序方面提供帮助。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

IntelliJ IDEA是Java语言开发的集成环境，IntelliJ在业界被公认为优秀的Java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。

 IntelliJ IDEA现已更新至2019.2版本，新版本改进了java13预览等20余项功能，提高了开发效率，赶快下载体验吧~（点击查看更新详情）

点击下载IntelliJ IDEA最新试用版

仅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的项目

  1. 选择文件| 新增| 项目从主菜单或单击新建项目的按钮欢迎屏幕。

    在“ 新建项目”向导的第一页的“ 项目类别和选项”对话框中，在左侧窗格中选择“ 静态Web ”。

  2. 在右侧窗格中，再次选择“ 静态Web”，然后单击“ 下一步”。

  3. 在向导的第二页上，指定项目文件夹和名称，然后单击完成。

要安装作出反应空项目

  1. 打开将使用React的空项目。

  2. 在嵌入式终端（Alt+F12）中，键入：

npm install --save react react-dom

您还可以 按照npm和Yarn中的说明将软件包安装在Node.js和NPM页面上。

与现有的应用程序做出反应开始

在弹出窗口中 单击运行“ npm install”：

Java开发平台IntelliJ IDEA教程：与React集成（上）

更多与React集成的内容，欢迎持续关注我们即将推出的后续教程

=====================================================

IntelliJ IDEA示例/使用教程/视频资源合集，请点击此处查看

想要了解或购买IntelliJ IDEA正版授权的朋友，欢迎

关注下方微信公众号，及时获取产品最新消息和最新资讯

Java开发平台IntelliJ IDEA教程：与React集成（上）



标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@defefr.cn

文章转载自：

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP