We recommend using webpack for system building.
The sample supports bothhey-clias wellvue-cli。
https://codesandbox.io/s/github/vvpvvp/hey-demos/tree/master/
If you can't access this example, you can try it open directly at https://github.com/vvpvvp/hey-demos进行尝试。
If you are a backend developer, or have just started on the front end, we recommend using the simplest js, css direct reference.
The easiest way to try HeyUI is to use Hello World on CodePen, You can open it in your browser's new tab and follow the examples to learn some basic usage.
Or you can create a .html file, and then use HeyUI by:
Here, we provide an html example: simple.html, you can view the source code by "viewing the source of the page".
Suppose you already know intermediate knowledge about HTML, CSS, and JavaScript, and you already know enough about NPM, ES6, and WEBPACK.
hey-cli is our open source scaffolding, supports simple ES6 project development, and supports Vue, React project development. Integrated development and packaging and other functions.
it can be set using the global var.less files, variables defined in the file can be used in any of the less file, and also the vue's style less label.
Refer to the var.less file of Heyui in the var.less file you defined, and redefine the replacement theme according to your needs. Then set the global reference file in the hey.js scaffolding configuration file.
var.less，example link
hey-cli configuration file hey.js ，example link
For style references, you can import in the entry js file, or directly in app.less. example link
In general, we import HeyUI to the webpack portal page.
At the same time, HeyUI can also be set as a global reference, because HeyUI has methods that Message, Loadding, etc. can call globally.example link
There are some differences in the references here, mainly in style references.
For the definition of the less variable, we do not write the common.less file, so we need to define a less file for reference.
Note: In this way of reference, variables in var.less files cannot be used in Vue files.
If you need to build a new project, we suggest that you use our heyui-admin directly to build the foundation.
Link: http://admin.heyui.top