没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:吴园园|2019-10-08 10:23:10.797|阅读 2890 次
概述:本系列教程内容为如何将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、在向导的第二页上,指定项目名称和用于创建项目的文件夹。
在“ 节点解释器”字段中,指定要使用的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配置,以运行或调试您的应用程序。
或者,打开内置终端并输入:
npx create-react-app
cd
npm start 启动Node.js服务器。
要下载项目依赖项,请执行以下一项操作:
在嵌入式终端(Alt+F12)中,键入:
npm install
从项目根目录中package.json文件的上下文菜单中 选择Run'npm install'。
在这种情况下,您将必须按照下面构建React应用程序中的描述自行配置构建管道 。
选择文件| 新增| 项目从主菜单或单击新建项目的按钮欢迎屏幕。
在“ 新建项目”向导的第一页的“ 项目类别和选项”对话框中,在左侧窗格中选择“ 静态Web ”。
在右侧窗格中,再次选择“ 静态Web”,然后单击“ 下一步”。
在向导的第二页上,指定项目文件夹和名称,然后单击完成。
打开将使用React的空项目。
在嵌入式终端(Alt+F12)中,键入:
npm install --save react react-dom
您还可以 按照npm和Yarn中的说明将软件包安装在Node.js和NPM页面上。
要继续开发现有的React应用程序,请在IntelliJ IDEA中打开它并下载所需的依赖项。
单击“ 欢迎”屏幕上的“ 从版本控制中签出”,或选择“ VCS | 从主菜单中的“ 版本控制”中签出。
从列表中选择您的版本控制系统。
在打开的特定于VCS的对话框中,键入您的凭据和存储库以从中检出应用程序源。
在弹出窗口中 单击运行“ npm install”:
更多与React集成的内容,欢迎持续关注我们即将推出的后续教程
=====================================================
IntelliJ IDEA示例/使用教程/视频资源合集,请点击此处查看
想要了解或购买IntelliJ IDEA正版授权的朋友,欢迎咨询慧都官方客服
关注下方微信公众号,及时获取产品最新消息和最新资讯
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:IntelliJ IDEA从 2025.2 版本开始,用于仪表板创建的 Stimulsoft 产品引入了InclusionMode属性,我们将在本文中对其进行探讨。
本文将为大家介绍如何在Telerik UI for WinForms应用中使用Kendo UI for Angular组件来交换通信和事件,欢迎下载新版组件体验!
本教程提供DevExpress WinFormsWinExplorer视图的基本信息,欢迎下载最新版组件体验!
在许多企业应用程序中,从 Visio 文件读取形状数据是一项常见需求,因为这些应用程序中的图表都包含有意义的元数据。本教程将借助Aspose.Diagram,以清晰实用的方式指导您使用 C# 读取形状数据。
IntelliJ在业界被公认为优秀的Java开发平台之一,在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面表现突出,并支持基于Android平台的程序开发。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号