前端插件库-VUE3 使用 vue-codemirror 插件

VUE3 插件 vue-codemirror 使用步骤和实例、基于 CodeMirror ,适用于 Vue 的 Web 代码编辑器。

第一步:安装 vue-codemirror & codemirror 包 , 以及语言包 

npm install codemirror --save
npm install vue-codemirror --save

npm install @codemirror/lang-javascript --save
npm install @codemirror/lang-python --save

npm install @codemirror/lang-cpp --save
npm install @codemirror/theme-one-dark --save

第二步:在需要的组件中配置

src\components\code\Index.vue


 第三步:使用



  第四步:最后效果

前端插件库-VUE3 使用 vue-codemirror 插件_第1张图片

你可能感兴趣的:(vue.js,前端,javascript)