代码拉取完成，页面将自动刷新
现为了区分vue3依赖问题，新版编辑器已重新拉工程并命名为bin-editor-next，具体参考新版文档
推荐使用npm安装，它能更好地和webpack打包工具配合使用。而且可以更好的和 es6配合使用。并且支持按需引入
npm i bin-ace-editor -S
# or
yarn add bin-ace-editor
如果您了解node.js、npm安装，并希望配合webpack使用，请阅读下一节：快速上手。
在 main.js 中写入以下内容：
import Vue from 'vue';
import Editor from 'bin-ace-editor';
import App from './App.vue';
// 按需引入需要的语言包皮肤等资源
require('brace/ext/emmet') // 如果是lang=html时需引入
require('brace/ext/language_tools') // language extension
require('brace/mode/json')
require('brace/snippets/json')
require('brace/theme/chrome')
// 注册组件后即可使用
Vue.component(Editor.name, Editor)
new Vue({
el: '#app',
render: h => h(App)
});
快速构建一个编辑器需要依赖 ace-builds 构建，去下载对应资源放置到项目中或使用cdn
<script src="../lib/bin-ace-editor/src-min-noconflict/ace.js"></script>
<script src="../lib/bin-ace-editor/src-min-noconflict/ext-beautify.js"></script>
<script src="../lib/bin-ace-editor/src-min-noconflict/ext-language_tools.js"></script>
<script src="../lib/bin-ace-editor/src-min-noconflict/mode-json.js"></script>
<script src="../lib/bin-ace-editor/src-min-noconflict/snippets/json.js"></script>
<script src="../lib/bin-ace-editor/bin-ace-editor.min.js"></script>
上面五个是依赖，根据需要实现的语言类型引入
推荐使用npm方式来进行使用，这样可以更好的配合webpack进行构建
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。