没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:吴园园|2019-10-10 15:10:39.080|阅读 1083 次
概述:本系列教程内容为如何将IntelliJ IDEA与您喜欢的语言,平台或框架结合使用。IntelliJ IDEA与React集成在一起,可在配置,编辑,整理,运行,调试和维护应用程序方面提供帮助。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
相关链接:
IntelliJ IDEA是Java语言开发的集成环境,IntelliJ在业界被公认为优秀的Java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。
IntelliJ IDEA现已更新至2019.2版本,新版本改进了java13预览等20余项功能,提高了开发效率,赶快下载体验吧~(点击查看更新详情)
仅Ultimate Edition 支持此功能。
完成代码
IntelliJ IDEA 使用JavaScript代码为React API和JSX提供代码完成。代码完成适用于React方法,React特定的属性,HTML标记和组件名称, React事件,组件属性等。
为了获得React方法和特定于React的属性的代码完成,您需要在项目中的某个地方放置react.js库文件。通常,该库已经在您的node_modules文件夹中。
默认情况下,键入时会自动显示代码完成弹出窗口。例如:
在JSX标签中,IntelliJ IDEA为React特定的属性(例如className或classID)和非DOM属性(例如key或)提供编码帮助ref。此外,自动完成还适用于项目的CSS文件中定义的类的名称:
所有React事件(例如onClick或onChange)也可以与花括号一起自动完成 ={}:
完成还适用于花括号内的JavaScript表达式。这适用于您定义的所有方法和功能:
完成HTML标签和组件名称
IntelliJ IDEA为您在JavaScript的方法或其他组件内部定义的HTML标记和组件名称提供代码完成:
完成还适用于采用ES6样式语法的导入组件:
完成组件属性
IntelliJ IDEA为使用定义的组件属性提供代码完成propTypes并解析它们,因此您可以快速跳转或预览它们的定义:
当您自动完成组件的名称时,IntelliJ IDEA会自动添加其所有必需的属性。如果组件的使用中缺少某些必需的属性,则IntelliJ IDEA会警告您。
当您复制一段HTML代码级的属性或事件处理程序并将其粘贴到JSX,IntelliJ IDEA的自动替换阵营特定的人,这些属性(className,onClick, onChange,等。)
要将HTML代码“按原样”复制到JSX,请使用Paste Simple Ctrl+Shift+Alt+V。
使用阵营代码片段
IntelliJ IDEA随附了50多个代码段的集合,这些代码段可扩展为React应用程序中经常使用的不同语句和代码块。下面的示例显示了如何使用rcjc缩写来创建定义新的React组件的类:
要创建一个片断一个阵营代码构造
在编辑器中键入所需的缩写,然后按Tab。
按下Ctrl+J并选择相关的代码段。要缩小搜索范围,请开始输入缩写,然后从完成列表中选择它。
在JSX使用Emmet
借助IntelliJ IDEA,您不仅可以在HTML中使用Emmet,而且可以利用一些特殊的React扭曲在JSX代码中使用Emmet。例如,缩写div.my-class在JSX中扩展为,
在HTML中扩展为:
通过应用程序做出反应导航
除了基本导航之外,IntelliJ IDEA还可以帮助您在React特定的代码元素之间跳转。
要跳到花括号内的方法或JavaScript表达式的定义{},请选择方法或表达式,然后按Ctrl+B。
要跳至组件的定义,请选择组件名称,然后按Ctrl+B。
要查看组件的文档,请按Ctrl+Shift+I。
IntelliJ IDEA使您可以使用面包屑和在编辑器装订线中标记树的彩色突出显示轻松浏览JSX标记:
=====================================================
IntelliJ IDEA示例/使用教程/视频资源合集,请点击此处查看
想要了解或购买IntelliJ IDEA正版授权的朋友,欢迎咨询慧都官方客服
关注下方微信公众号,及时获取产品最新消息和最新资讯
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:IntelliJ IDEA本文主要介绍如何使用DevExpress WPF Grid控件检查节点,欢迎下载最新版组件体验!
在本文中,我们将讨论用企业服务器替换 Publisher 的原因以及迁移计划。
本篇教程中,我们继续学习如何在 C# 中以编程方式将 PPT 转换为 SWF。
本教程将为大家介绍如何使用MyEclipse将Java项目转换为Web项目,欢迎下载最新版IDE体验!
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号