vue3中安装markdownit插件

在 Vue 3 中，要安装 MarkdownIt 插件，首先你需要确保已经全局安装了 Node.js 和 npm (Node包管理器)。MarkdownIt 是一个用于解析和转换 Markdown 的 JavaScript 库，Vue 可以通过其构建工具如 Vue CLI 来集成它。

以下是安装 `vue-markdown-it` 这一常见 MarkdownIt 插件到 Vue 项目中的步骤：

1. 打开终端（Mac/Linux）或命令提示符（Windows）并导航到你的 Vue 项目目录。
2. 确保你在项目根目录下运行，输入以下命令来初始化如果还没有的话：

   npm init -y 或 yarn create vue

3. 安装 `vue-markdown-it` 和它的依赖项：

   npm install markdown-it vue-markdown-it --save

或者如果是 Yarn：

   yarn add markdown-it vue-markdown-it

4. 如果你想使用 TypeScript 并需要类型支持，可以同时安装 `@types/markdown-it`：

   npm install @types/markdown-it --save-dev

或者 Yarn：

   yarn add @types/markdown-it --dev

5. 在你的 `.vue` 文件或组件中，你可以导入 MarkdownIt 实例并使用它：

   import MarkdownIt from 'markdown-it'
   import markdownItVue from 'vue-markdown-it'

   // 使用 Vue 插件
   Vue.use(markdownItVue)

   const md = new MarkdownIt()
   let renderedMarkdown = md.render(yourMarkdownString)

现在，你已经在 Vue 3 项目中成功安装了 MarkdownIt 插件，并可以在组件中方便地处理 Markdown 文本了。