在Vue3项目中实现CodeMirror6的SQL代码格式化功能,可以按照以下步骤进行: 安装CodeMirror6和SQL格式化库 首先,你需要安装CodeMirror6和sql-formatter库。你可以使用npm或yarn来安装这些依赖: bash npm install @codemirror/basic-setup @codemirror/lang-sql sql-formatter 或者 bash yarn add @codemirror/basic-setup ...
'codemirror/lib/codemirror.css'; // 引入主题后还需要在 options 中指定主题才会生效 import 'codemirror/theme/base16-light.css'; import 'codemirror/addon/selection/active-line'; import { codemirror } from '@/components/codemirror'; import { format as sqlFormatter } from 'sql-formatter'; import ...
"codemirror":"5.61.1", "cropperjs":"^1.6.1", "crypto-js":"^4.2.0", "dayjs":"^1.11.10", "diagram-js":"^12.8.0", "driver.js":"^1.3.1", "echarts":"^5.4.3", "echarts-wordcloud":"^2.1.0", "element-plus":"^2.9.0", ...
import 'codemirror/lib/codemirror.css'; // 引入主题后还需要在 options 中指定主题才会生效 import 'codemirror/theme/base16-light.css'; import 'codemirror/addon/selection/active-line'; import { codemirror } from '@/components/codemirror'; import { format as sqlFormatter } from 'sql-formatter'; ...
"sql-formatter": "^15.4.0", "steady-xml": "^0.1.0", "url": "^0.11.3", "video.js": "^7.21.5", "vue": "^3.4.27", "vue-dompurify-html": "^4.1.4", "vue-i18n": "^9.13.1", "vue-router": "^4.3.2", ...
"codemirror":"5.61.1", "cropperjs":"^1.6.1", "crypto-js":"^4.2.0", "dayjs":"^1.11.10", "diagram-js":"^12.8.0", "driver.js":"^1.3.1", "echarts":"^5.4.3", "echarts-wordcloud":"^2.1.0", "element-plus":"^2.9.0", ...
"sql-formatter": "^15.4.0", "steady-xml": "^0.1.0", "url": "^0.11.3", "video.js": "^7.21.5", "vue": "^3.4.27", "vue-dompurify-html": "^4.1.4", "vue-i18n": "^9.13.1", "vue-router": "^4.3.2", "vue-types": "^5.1.2", "vue3-lottie": "^3.3...
"codemirror":"5.61.1", "cropperjs":"^1.6.1", "crypto-js":"^4.2.0", "dayjs":"^1.11.10", "diagram-js":"^12.8.0", "driver.js":"^1.3.1", "echarts":"^5.4.3", "echarts-wordcloud":"^2.1.0", "element-plus":"^2.9.0", ...