Skip to content

Latest commit

 

History

History
62 lines (43 loc) · 1.03 KB

README.md

File metadata and controls

62 lines (43 loc) · 1.03 KB

code_input

本项目是一个适用于 vue2vue3 的代码高亮输入框组件,轻量高速且只支持高亮及编辑功能,不支持代码检查等其他功能。

示例

🍔使用

🫖下载包

npm 方式:

npm install @mochenya/code_input -D

yarn 方式:

yarn add @mochenya/code_input

🍳配置

🥯vue2 配置

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 配置

vue3 项目的 main.js 添加以下内容:

// TODO 待完成

🍜License

MIT