import { createApp } from 'vue' import { createPinia } from 'pinia' import "normalize.css" import App from './App.vue' import router from './router' import Antd from 'ant-design-vue'; import Simplebar from 'simplebar-vue'; import 'simplebar-vue/dist/simplebar.min.css'; // 进阶 import VMdEditor from '@kangc/v-md-editor/lib/codemirror-editor'; import '@kangc/v-md-editor/lib/style/codemirror-editor.css'; import githubTheme from '@kangc/v-md-editor/lib/theme/github.js'; import '@kangc/v-md-editor/lib/theme/style/github.css'; // 预览 import VMdPreview from '@kangc/v-md-editor/lib/preview'; import '@kangc/v-md-editor/lib/style/preview.css'; // 表情插件 import createEmojiPlugin from '@kangc/v-md-editor/lib/plugins/emoji/index'; import '@kangc/v-md-editor/lib/plugins/emoji/emoji.css'; // highlightjs import hljs from 'highlight.js'; // codemirror 编辑器的相关资源 import Codemirror from 'codemirror'; // mode import 'codemirror/mode/markdown/markdown'; import 'codemirror/mode/javascript/javascript'; import 'codemirror/mode/css/css'; import 'codemirror/mode/htmlmixed/htmlmixed'; import 'codemirror/mode/vue/vue'; // edit import 'codemirror/addon/edit/closebrackets'; import 'codemirror/addon/edit/closetag'; import 'codemirror/addon/edit/matchbrackets'; // placeholder import 'codemirror/addon/display/placeholder'; // active-line import 'codemirror/addon/selection/active-line'; // scrollbar import 'codemirror/addon/scroll/simplescrollbars'; import 'codemirror/addon/scroll/simplescrollbars.css'; // style import 'codemirror/lib/codemirror.css'; // 引入 todo-list 插件及其样式(任务列表 例:- [x] Task) import createTodoListPlugin from '@kangc/v-md-editor/lib/plugins/todo-list/index'; import '@kangc/v-md-editor/lib/plugins/todo-list/todo-list.css'; // 代码复制 import createCopyCodePlugin from '@kangc/v-md-editor/lib/plugins/copy-code/index'; import '@kangc/v-md-editor/lib/plugins/copy-code/copy-code.css'; // 内容定位 import createAlignPlugin from '@kangc/v-md-editor/lib/plugins/align'; import createLineNumbertPlugin from '@kangc/v-md-editor/lib/plugins/line-number/index'; import createTipPlugin from '@kangc/v-md-editor/lib/plugins/tip/index'; import '@kangc/v-md-editor/lib/plugins/tip/tip.css'; VMdEditor.Codemirror = Codemirror; VMdEditor.use(githubTheme, { Hljs: hljs, }); VMdPreview.use(githubTheme, { Hljs: hljs, }); VMdEditor.use(createTodoListPlugin()); VMdEditor.use(createEmojiPlugin()); VMdEditor.use(createAlignPlugin()); VMdEditor.use(createLineNumbertPlugin()); VMdEditor.use(createTipPlugin()); VMdPreview.use(createCopyCodePlugin()); VMdPreview.use(createEmojiPlugin()); VMdPreview.use(createAlignPlugin()); VMdPreview.use(createTodoListPlugin()); VMdPreview.use(createLineNumbertPlugin()); VMdPreview.use(createTipPlugin()); const app = createApp(App) app.component('Simplebar', Simplebar); app.use(VMdEditor); app.use(VMdPreview); app.use(createPinia()) app.use(router) app.use(Antd) app.mount('#app')