Vue 中引用 ace 格式化 html json 等

1.先在官网下载源码 https://github.com/ajaxorg/ace , 下载慢可以使用码云地址: https://gitee.com/mirrors/ACE-Editor,在本地运行一下命令

npm install

node ./Makefile.dryice.js

2.copy build文件夹到项目中

3.在vue的index.html里引用js

4.在需要用ace-editor的控件里的mounted方法添加一下配置即可

mounted () {

editor = ace.edit('editor')

editor.session.setMode('ace/mode/javascript') // 设置语言

editor.setTheme('ace/theme/tomorrow')// 设置主题

editor.setOptions({

enableBasicAutocompletion: true,

enableSnippets: true,

enableLiveAutocompletion: true// 设置自动提示

})

// this.inputValue = editor.getValue() // 读值

// editor.setValue(editorValue)

}

转载请说明出处:第六感博客 原文链接:

标签: Vue.js

相关阅读:

vuepress编辑的md文件运行后显示乱码 vscode编码设置

vue新建项目

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

vue项目中出现/sockjs-node/info?t=、/sockjs-node/../../xhr_streaming?t=请求

bootcdn又挂了(bootcss.com),推荐几个其他cdn的站点