您现在的位置是：网站首页> 编程资料编程资料
前端插件库之vue3使用vue-codemirror插件的步骤和实例_vue.js_
2023-05-24
365人已围观
简介 前端插件库之vue3使用vue-codemirror插件的步骤和实例_vue.js_
基于 CodeMirror ，适用于 Vue 的 Web 代码编辑器。
使用
1.命令行安装
npm install vue-codemirror --save // cnpm install vue-codemirror --save
如果运行官网例子时, 报错:
@codemirror/lang-javascript
@codemirror/theme-one-dark
可以在终端中安装对应文件, 解决问题
npm i @codemirror/lang-javascript npm i @codemirror/theme-one-dark
2.在需要的组件中配置
配置说明:
个人代码编辑区Demo
代码编辑区
支持代码编辑区, 满足白天/黑夜主题切换, 满足c++/python语言切换
不足, 没有满足代码提示
组件代码 vue3
总结
到此这篇关于前端插件库之vue3使用vue-codemirror插件的文章就介绍到这了,更多相关vue3使用vue-codemirror插件内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！
您可能感兴趣的文章:
相关内容
- vue在自定义组件上使用v-model和.sync的方法实例_vue.js_
- vue封装form表单组件拒绝重复写form表单_vue.js_
- JavaScript Pinia代替 Vuex的可行性分析_javascript技巧_
- JavaScript仿windows计算器功能_javascript技巧_
- Javascript 原型与原型链深入详解_javascript技巧_
- vue cli3配置image-webpack-loader方式_vue.js_
- elementUi 中table表尾插入行的实例_vue.js_
- JavaScript实现简易计算器功能的两种方法_javascript技巧_
- Web Animations API实现一个精确计时的时钟示例_JavaScript_
- element-table如何实现自定义表格排序_vue.js_
