vue项目中引入ueditor编辑器

公司项目中需要用到编辑器，但是之前并没有接触过，经过网上寻找方法，但是一直报错，很苦恼。不过经过一天思索，终于解决了这个问题。

这里从头到尾为跟我一样的小白讲解一下

首先创建自己的项目
vue init webpack [name];
不会搭建vue项目的可以看这里:https://blog.csdn.net/wulala_hei/article/details/85000530 作者Yin_Xiaobo

这是我临时搭建好的vue项目

在搭建的项目目录下输入cmd进入命令行工具（此前必须在电脑上安装有node）;

输入npm i vue-ueditor --S 回车，等待安装完成；

用编辑器打开项目，需要用到编辑器的组建下面引入vue-ueditor

下载ueditor安装包；下载地址：https://ueditor.baidu.com/website/download.html

下载过后解压到static文件夹下


将下载后的安装包放入static文件下，当然也可以放到其他文件下，不过在填写路径的时候要填写正确，这里建议放在static下

重点来了
路径一定要写对，我就是在这上面花了大量时间找原因的，一直报错找不到文件。这里推荐用绝对定位找文件。
因为我的安装包是在 /static/ueditor 所以些路经是就写这个

注意此项目完成路径是 “/static/ueditor/” 最后还有一个’/’，不要漏了。

然后找到安装包里的/static/ueditor/ueditor.config.js文件


修改路径 var URL = ‘/static/ueditor/’ || getUEBasePath();点击保存
然后你就看到项目里成功引入ueditor编辑器了