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

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

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

IntelliJ IDEA最新试用版

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

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

仅Ultimate Edition 支持此功能。

React是一个JavaScript库，用于从封装的组件构建复杂的交互式用户界面。

在开始之前，请确保您的计算机上装有Node.js。

创建一个新的应用程序做出反应

建议开始构建新的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、在向导的第二页上，指定项目名称和用于创建项目的文件夹。

在“ 节点解释器”字段中，指定要使用的Node.js解释器。从列表中选择已配置的解释器，或选择添加以配置新的解释器。

从create-react-app列表中，选择npx create-react-app。

另外，对于npm 5.1及更早版本，请 在Terminal中create-react-app运行npm install –g create-react-app以自行安装软件包。创建应用程序时，选择存储包的文件夹。 Alt+F12create-react-app

5、可选地：
指定在项目生成期间要使用的自定义程序包，而不是 react-scripts。这可以是从react-scripts分叉的软件包之一，例如， react-awesome-scripts， custom-react-scripts， react-scripts-ts等。

IntelliJ IDEA保证仅使用react-scripts软件包运行和调试Jest测试。

6、当您单击Finish时，IntelliJ IDEA会使用所有必需的配置文件生成一个特定于React的项目，并下载所需的依赖项。IntelliJ IDEA还使用默认设置创建一个npm start 和JavaScript Debug配置，以运行或调试您的应用程序。

或者，打开内置终端并输入：

1. npx create-react-app

2. cd

3. npm start 启动Node.js服务器。

要下载项目依赖项，请执行以下一项操作：

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

  npm install

• 从项目根目录中package.json文件的上下文菜单中 选择Run’npm install’。 

安装作出反应空IntelliJ IDEA的项目

在这种情况下，您将必须按照下面构建React应用程序中的描述自行配置构建管道 。

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

要继续开发现有的React应用程序，请在IntelliJ IDEA中打开它并下载所需的依赖项。

标签：