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

本文主要是介绍react Ace 编辑器，快捷键、代码提示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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 '

这篇关于react Ace 编辑器，快捷键、代码提示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---