workflow: improve template explorer

This commit is contained in:
Evan You
2019-10-04 17:43:20 -04:00
parent 8d49b97cc3
commit 0873254c6c
7 changed files with 313 additions and 53 deletions

View File

@@ -1,35 +1,21 @@
<title>Vue Template Explorer</title>
<link rel="stylesheet" data-name="vs/editor/editor.main" href="../../node_modules/monaco-editor/min/vs/editor/editor.main.css">
<style>
body {
margin: 0;
}
.editor {
position: absolute;
top: 0;
bottom: 0;
box-sizing: border-box;
}
#source {
left: 0;
width: 40%;
}
#output {
left: 40%;
width: 60%;
}
</style>
<link rel="stylesheet" href="./style.css">
<div id="header"></div>
<div id="source" class="editor"></div>
<div id="output" class="editor"></div>
<script src="../../node_modules/acorn/dist/acorn.js"></script>
<script src="../../node_modules/estree-walker/dist/estree-walker.umd.js"></script>
<script src="../../node_modules/source-map/dist/source-map.js"></script>
<script src="../../node_modules/monaco-editor/min/vs/loader.js"></script>
<script src="./dist/template-explorer.global.js"></script>
<script>
window._deps = {
acorn,
'estree-walker': estreeWalker
'estree-walker': estreeWalker,
'source-map': sourceMap
}
require.config({