You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.9 KiB
83 lines
2.9 KiB
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')
|