本项目是一个适用于 vue2
和 vue3
的代码高亮输入框组件,轻量高速且只支持高亮及编辑功能,不支持代码检查等其他功能。
npm
方式:
npm install @mochenya/code_input -D
yarn
方式:
yarn add @mochenya/code_input
在 vue2
项目的 main.js
添加以下内容:
// 引入 code_input
import CodeInput from "@mochenya/code_input";
// 引入样式表
import "@mochenya/code_input/dist/code-input.css";
// 使用 code_input
Vue.use(CodeInput);
在需要使用 code_input
的组件中使用以下代码:
<template>
<div>
<code-input v-model="codeData"/>
</div>
</template>
在 vue3
项目的 main.js
添加以下内容:
// TODO 待完成