【翻译】CodeMix使用的语言和框架(五):React

在Eclipse中使用React进行编程
React是一个用于构建用户界面的JavaScript库。 它是一个基于声明和组件的框架。 应用程序可以由多个封装组件组成,这些组件管理自己的状态,并在数据更改时有效地更新。 React还可以用于使用React Native为移动应用程序提供支持。 如果您想在Eclipse中包含React,CodeMix是一个很好的解决方案。

CodeMix是一个Eclipse插件,允许您直接在Eclipse中添加代码兼容的扩展。 CodeMix与基于Eclipse的IDE和工具(如MyEclipse,Spring Tools Suite和JBoss Tools)兼容,因此您可以在使用React进行开发的同时继续在您习惯的环境中工作。

反应亮点
智能感知
提供智能建议 - JavaScript,TypeScript甚至JSX部分。 建议包括React特定元素,属性,字段和方法。

片段有助于产生常见的代码,减少了开始使用新类和组件的时间。
在这里插入图片描述

扩展
Core React支持开箱即用; 但是,为获得最佳体验,我们建议安装扩展程序。 在Extension Manager中,浏览React包以安装使用React进行编程所需的一切。
在这里插入图片描述

导航
使用超链接导航可以轻松跳转到应用程序的不同部分。 在实际进行跳转之前,您可以在将鼠标悬停在元素上时看到内联声明 - 节省大量时间。
在这里插入图片描述

反应新项目向导
转到文件>新建>项目> CodeMix,然后选择React Project以创建新的React模板项目。 该向导将安装任何缺少的React扩展。
在这里插入图片描述

验证和Linting
除了JavaScript和TypeScript的标准语法验证之外,您还可以使用ESLint React插件来获取React特定的linting。

将linting合并到您的React编程中,以确保您的代码遵循React的干净代码最佳实践,并帮助您避免常见的陷阱。
在这里插入图片描述

调试
调试React应用程序非常简单 - 设置断点,逐步执行代码,并像在Eclipse中调试时一样检查变量。 当您需要在运行时检查或更改值时,调试控制台非常方便。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43577863/article/details/84314789