react Ace 编辑器,快捷键、代码提示

本文介绍了如何在React应用中使用Ace编辑器,并详细讲述了安装过程、导入配置以及如何设置和绑定快捷键,如ctrl+F和ctrl+H,帮助提升代码编辑效率。
摘要由CSDN通过智能技术生成

1. 安装命令

npm install react-ace

2.导入相关配置

import AceEditor from 'react-ace';
//language_tools语言工具,代码提示工具
import 'brace/ext/language_tools';
//searchbox过滤框,快捷键ctrl+F
import 'brace/ext/searchbox';
//一下import的是编辑器支持的语法,可实现代码高亮 
import 'brace/mode/javascript';//
import 'brace/mode/html';//
import 'brace/mode/java';//
import 'brace/mode/python';//
import 'brace/mode/lua';//
import 'brace/mode/xml';//
import 'brace/mode/ruby';//
import 'brace/mode/sass';
import 'brace/mode/markdown';//
import 'brace/mode/mysql';
import 'brace/mode/json';//
import 'brace/mode/css';//
import 'brace/mode/typescript';
//以下import的是风格,还有好多种,可以根据自己需求导入
// github、tomorrow、kuioir、twilight、xcode、textmeta、terminal、solarized-light、solarized-dark
import '
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值