vue3 wangeditor 下载到本地安装

### 安装 Vue 3

为了在本地环境中安装 Vue 3，可以采用如下方法：

对于全局安装 Vue CLI 工具，这有助于创建新的项目以及管理现有项目的依赖关系。可以通过 npm 来完成这一过程。

npm install -g @vue/cli

一旦 Vue CLI 被成功安装，在命令行工具中执行 `vue --version` 可验证其版本号以确认安装无误[^1]。

接着，利用 Vue CLI 创建一个新的 Vue 项目，此过程中可以选择默认配置或是自定义设置来适应特定的需求。

vue create my-project-name

进入新创建的项目目录，并启动开发服务器以便于后续开发工作。

cd my-project-name
npm run serve

### 安装 WangEditor

针对 WangEditor 的集成，则需特别注意与 Vue 3 的兼容性问题。推荐按照官方指南使用 cnpm 或其他可靠的包管理器来进行安装，以此减少因网络原因造成的失败几率。

首先，确保已切换至目标 Vue 项目根目录内，之后执行下面的指令来添加 WangEditor 至项目之中。

cnpm install @wangeditor/editor-for-vue@next --save

如果遇到任何连接上的困难，尝试更换更稳定的网络环境再试一次上述步骤[^4]。

另外，考虑到浏览器端直接加载 JavaScript 文件的情况，也可以手动下载 WangEditor 的 js 和 css 文件到本地 public 目录下，并相应调整 HTML 中 `<script>` 和 `<link>` 标签指向这些资源的位置[^2]。

最后，在 Vue 组件内部初始化 WangEditor 实例时，记得遵循所提供的代码片段作为指导，比如指定 DOM 元素的选择器用于挂载编辑器实例。

import E from 'wangeditor'
const editor = new E('#editorElem')
editor.create()