**

记一次vue-cli2项目中使用monaco-editer编辑器插件

**

1、使用npm安装依赖

npm install monaco-editor --save
npm install monaco-editor-webpack-plugin --save-dev

2、在webpack.base.conf.js如下

在vue项目中使用monaco-editor插件实现代码编辑器功能(以及sql格式化功能)在vue项目中使用monaco-editor插件实现代码编辑器功能(以及sql格式化功能)

3、在使用过程如下

在vue项目中使用monaco-editor插件实现代码编辑器功能(以及sql格式化功能)
在vue项目中使用monaco-editor插件实现代码编辑器功能(以及sql格式化功能)

格式化功能

使用了sql-formatter插件
https://www.npmjs.com/package/sql-formatter
方法如下:
在vue项目中使用monaco-editor插件实现代码编辑器功能(以及sql格式化功能)

效果图:
在vue项目中使用monaco-editor插件实现代码编辑器功能(以及sql格式化功能)

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-01-30
  • 2022-12-23
  • 2022-12-23
  • 2022-03-01
猜你喜欢
  • 2021-11-30
  • 2022-12-23
  • 2022-01-05
  • 2022-12-23
  • 2022-12-23
  • 2021-12-22
相关资源
相似解决方案