我们建议使用webpack进行系统构建。
示例同时支持hey-cli，以及vue-cli。
https://codesandbox.io/s/github/vvpvvp/hey-demos/tree/master/
如果搭建示例访问不了，可以直接访问https://github.com/vvpvvp/hey-demos进行尝试。
如果你是一位后端的开发者，或者刚刚入门前端的人，我们建议从最简单的js，css直接引用的方式使用。
尝试 HeyUI 最简单的方法是使用 CodePen 上的 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。
或者你也可以创建一个 .html 文件，然后通过如下方式引入 HeyUI：
这里，我们提供了一个完整html的调用示例：simple.html，你可以通过“查看网页源代码”的方式查看调用方式 。
假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识，并且对于NPM，ES6，WEBPACK已经有了足够的了解
hey-cli 是我们开源的脚手架，支持单纯的ES6项目开发，也支持Vue, React项目开发。集成了开发与打包等一系列功能。
使用 hey-cli 可以设定全局的 var.less 文件，文件中定义的变量可以使用在任意less文件中，以及vue文件的less样式中。
在自己定义的 var.less 文件中引用 heyui 的 var.less 文件，并按照自己的需求重新定义更换主题，然后在hey.js脚手架配置文件中设定全局引用文件。
var.less，示例
hey-cli 配置文件 hey.js ，示例
对于样式引用，您可以在入口js文件中import，也可以直接在app.less中引用。 示例
一般，我们在webpack 入口页面引用。
同时，HeyUI 也可以设置为全局引用，因为 HeyUI 拥有Message, Loadding等全局可以调用的方法。示例
这里的引用有一些差别，主要在于样式的引用上。
对于 less 变量的定义，我们并没有写入common.less文件，所以需要自己定义一个less文件做引用。
注意：使用这种引用方式，在 Vue 文件中将无法使用 var.less 文件中的变量。
与使用hey-cli脚手架引入HeyUI的方式相同。
如果你需要搭建一个新的项目，我们建议你直接使用我们的heyui-admin进行基础搭建。
在线地址: http://admin.heyui.top
github地址: https://github.com/heyui/heyui-admin