推荐一款超好用的编辑器

现在很多平台上都有需要用到代码编辑器的地方,开源的编辑器也很多,比如被大家熟知的codemirror,就是一款大家用的比较多的编辑器,但是今天我们推荐的是另外一款超好用的代码编辑器,那就是微软开源的Monaco代码编辑器,目前在开源网站上已经收割了29.6K的star。
推荐一款超好用的编辑器_第1张图片

今天我们就尝试在自己的项目中引入这一款编辑器,以VUE为例。

效果预览

废话不多说,先上效果,这是官网的效果:
推荐一款超好用的编辑器_第2张图片

然后这是自己用下来的效果:
推荐一款超好用的编辑器_第3张图片

如果不考虑其它因素,只是单纯用他来进行代码的编辑,基本上与直接使用vscode进行开发是一模一样的体验。

使用教程

  • 引入依赖文件

首先我们需要把对应的依赖文件下载下来,可以从官网下载,当然还是推荐使用npm进行下载:

npm install [email protected]
  • 初始化组件

然后我们需要再对应的文件中进行初始化:




一些主要的配置都已经在代码里面进行注释了哟,是不是好用又简单呢?

最后

最后大家赶紧在自己的项目中用起来吧,希望国产编辑器也能崛起,下次我们将会继续分享一些其他好玩的开源插件,赶紧关注起来吧!

你可能感兴趣的:(前端)