vue在代码镜像代码编辑器中实现SQL代码格式化功能

Vue在代码镜像代码编辑器中实现了SQL代码格式化功能

1.首先使用npm安装sql格式化程序插件

npm安装-保存SQL-格式化程序

2.然后介绍sql格式化程序. js文件

从“sql-formatter”导入sqlFormatter

3.下一步是为需要格式化的代码调用此方法。

/*代码格式*/format(){ /*获取文本编辑器内容*/让sqlContent=sqlContent=this . editor . getvalue()；/*格式化sql内容并将其放入编辑器*/this . editor . setvalue(sqlformater . format(sqlcontent))；}4.下面的截图是格式化前后的区别

摘要

上面提到的是边肖给大家介绍的vue在codemirror代码编辑器中实现了SQL代码格式化功能，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！