magicalcoder可视化布局器是一款可集成jquery,vue,react框架的ui进行可视化开发配置的在线h5工具，现被大家广泛应用于企业项目中，解决可视化场景的业务 在线体验：http://lowcode.magicalcoder.com/magicalcoder/index-element.html 顶部ui可切换其他UI
与vue所不同的是，magicalcoder采用原生js开发，所以就需要vue的项目打包成一个js以<script></script>方式引入布局器集成进来
本实例参考了yyl-npm-practice 并且在其基础上进行了修改，主要是修复了 模块化与打包后的体验一致性问题
安装方法：
1.npm安装：
npm:
cd vue-magicalcoder-demo
#安装
npm install
#以下2行代码视情况而定 如果出现sass-loader报错 请执行下面2行代码 否则请忽略
npm i sass-loader -D
npm i node-sass -D
#运行
npm run dev
2. 原始vue开发方式 可以参考App.vue的引用方式
3.CDN的开发方式 引用vue-magicalcoder-demo.js
#打包
npm run build
双击 test.html即可预览
vip-3.0-try
里面集成了vue-magicalcoder-demo.js的组件引用 访问 index-element.html 即可查看效果