Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+
<!DOCTYPE html> <title>vuecode demo</title> <script src="https://unpkg.com/vue"></script> <script src="https://unpkg.com/vuecode.js/dist/vuecode.umd.js"></script> <link rel="stylesheet" href="https://unpkg.com/vuecode.js/dist/vuecode.css"> <div id="app"> <vuecode title="Add new proyect vuecode"> <div slot="demo"> <button class="btn" type="button" name="button">Example</button> </div> <div slot="code"> ```js{1,6} var btn = document.querySelector('.btn') btn.addEventListener( 'click' , function(){ console.log('click') }) ``/` </div> </vuecode> </div> <script> new Vue({ }).$mount('#app') </script>
# npm
npm install vuecode.js# yarn
yarn add vuecode.jsimport Vue from 'vue' import Vuecode from 'vuecode.js' import 'vuecode.js/dist/vuecode.css' Vue.use(Vuecode)
Vuecode is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this project, please consider becoming a patron. [patron]
This library was created and is supported by Lusaxweb