Jinno: code any React component with AI

使用AI和CHAT4开发HTML或React组件。我们可以为您修改React，HTML和CSS代码。

更改您的React网站，并使用AI工具，我们将为您导出代码到您的Visual Studio代码。

我们支持React，CSS，HTML代码。

我们使用AI平台修改您的反应组件。将所有样式表/Javascript更改保存在一个地方。

Jinno是为开发人员量身定制的Javascript查看器。通过我们的Chrome扩展名来访问有用的样式。我们的任务是让开发人员使用AI专注于代码，并花费尽可能少的时间来挖掘CSS React代码。

特征

✓找到任何反应开源组件

✓构建设计系统

✓构建故事书

✓导出反应代码

✓导出HTML代码

✓导出CSS代码

✓彩色选择器

✓设计师的最佳工具

✓语法突出显示

✓与开发人员分享CSS设计

✓字体家庭选择器

✓设计页面与无花果相同

✓素描中的页面标尺

✓悬停CSS检查员

✓检查元素工具

✓检测您的DevTool位置

✓保存您的CSS样式表从检查元素中更改

✓DevTools集成

✓复制到剪贴板

✓数据导出

✓反应支持

✓CSS支持

✓Javascript支持

✓设计像草图

✓设计像无花果

✓设计像WebFlow

第一步：下载Jinno: code any React component with AI安装扩展

第二步：下载下来的扩展解压到你想放的文件夹里

比如我解压到extend文件夹

打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；

再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”

点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。

第三步：把crx后缀改为zip，再进行解压

如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：

找到文件夹顶部，点击查看

点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可

这样你就能看到解压好的扩展名：.crx

解压的扩展名为.crx

把.crx改为：zip

然后再用解压工具再解压一遍，即可得到扩展的全部文件

然后再谷歌浏览器插件页面选择：加载已解压的扩展程序

这样就安装成功了

友情提醒：

其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！