Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bobiscool/iBiu

Build Vue Spa Faster 🍏 πŸ” 🍜
https://github.com/bobiscool/iBiu

element-ui ibiu iview scaffold vue vue-cli

Last synced: 4 months ago
JSON representation

Build Vue Spa Faster 🍏 πŸ” 🍜

Awesome Lists containing this project

README

        

## iBiu
### One-stop Vue scaffolding tool
![](./assets/img/ibiuFor.png)

[δΈ­ζ–‡ζ–‡ζ‘£ηœ‹θΏ™ι‡Œ](/docs/cn.md)

#### [Windows x64](https://raw.githubusercontent.com/bobiscool/iBiu/47afe96d580ab61736b0cd5d09c8e3f7f7c5c209/dist/iBiu%20Setup%201.0.0.exe)
#### [MAC](https://raw.githubusercontent.com/bobiscool/iBiu/47afe96d580ab61736b0cd5d09c8e3f7f7c5c209/dist/iBiu-1.0.0-mac.zip)

> iBiu was developed based on [iView-cli](https://github.com/iview/iview-cli)
>
`I'd like to thank iView-Cli's developers very much`

base on

- [Vue-cli](https://github.com/vuejs/vue-cli)
- [iView-cli](https://github.com/iview/iview-cli)
- [Node.js](https://nodejs.org/en/)
- [electron](https://electron.atom.io/)

### Achieve function
#### Common scaffolding needs
- Create a project directory structure
- Create configuration items (including webpack configuration items, gitignore, etc.)
- According to the settings to create packgejson

#### Pain point have been solved
- Create page directories based on the JSON array provided by the user, and the structure is consistent with the JSON
- Create various pages to their respective directories based on the JSON array provided by the user.
- Create a route configuration item based on the user-supplied json array and register the page with the route.

> Means: When faced with a larger vue project, you no longer have to go to register router one by one painfully! ! !

### Instructions

1. Click New Project

![](./assets/github/iBiu1.png)
2. Select the library you want to configure
3. Paste you need to create the directory JSON [format please refer to this format](https://github.com/bobiscool/iBiu/blob/master/assets/github/formater.json)

![](./assets/github/iBiu2.png)
4. Click Create Project
![](./assets/github/iBiu3.png)
5. Open the directory after creation

![](./assets/github/iBiu4.png)

![](./assets/github/games_js_ε’Œ_src.png)
- Run `npm install`
- Run `npm run dev`
6. Visit `http://localhost:8080`

![](./assets/github/2017-07-18_23-01-10.png)

![](./assets/github/2017-07-18_22-58-58.png)