代码生成预览支持高亮显示

RuoYi

2020-12-11 ecfe7006e2da521a47a2c4220375cbec68ed0076

代码生成预览支持高亮显示

 ruoyi-ui/package.json

@@ -44,6 +44,7 @@
    "element-ui": "2.14.1",

    "file-saver": "2.0.4",

    "fuse.js": "6.4.3",

    "highlight.js": "10.4.1",

    "js-beautify": "1.13.0",

    "js-cookie": "2.2.1",

    "jsencrypt": "3.0.0-rc.1",


 ruoyi-ui/src/main.js

@@ -18,8 +18,11 @@
import { getConfigKey } from "@/api/system/config";

import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, download, handleTree } from "@/utils/ruoyi";

import Pagination from "@/components/Pagination";

//自定义表格工具扩展

// 自定义表格工具扩展

import RightToolbar from "@/components/RightToolbar"

// 代码高亮插件

import hljs from 'highlight.js'

import 'highlight.js/styles/github-gist.css'



// 全局方法挂载

Vue.prototype.getDicts = getDicts

@@ -49,6 +52,7 @@
Vue.component('RightToolbar', RightToolbar)



Vue.use(permission)

Vue.use(hljs.vuePlugin);



/**

 * If you don't want to use mock-server


 ruoyi-ui/src/views/tool/gen/index.vue

@@ -165,7 +165,7 @@
          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"

          :key="key"

        >

          <pre>{{ value }}</pre>

          <highlightjs autodetect :code="value" />

        </el-tab-pane>

      </el-tabs>

    </el-dialog>

@@ -177,6 +177,7 @@
import { listTable, previewTable, delTable, genCode, synchDb } from "@/api/tool/gen";

import importTable from "./importTable";

import { downLoadZip } from "@/utils/zipdownload";



export default {

  name: "Gen",

  components: { importTable },