本套工具是iview cli 的二次開(kāi)發(fā)坡疼，意在解決項(xiàng)目創(chuàng)建時(shí)路由與頁(yè)面對(duì)應(yīng)的大痛點(diǎn)
項(xiàng)目地址
windows 64位版本軟件下載
MAC 軟件下載
linux ,windows 32位版本 你們可以自己build
我從去年11月開(kāi)始用vue寫項(xiàng)目袭景，算算到現(xiàn)在已經(jīng)經(jīng)歷了4-5個(gè)項(xiàng)目的歷練了衣式，但是即使每次項(xiàng)目搭建有腳手架的輔助以及自己每次對(duì)自己項(xiàng)目架構(gòu)的優(yōu)化筏勒，總會(huì)遇到一件惡心的事茅逮，那就是創(chuàng)建頁(yè)面憔购，并且將頁(yè)面綁定到路由上焦匈，而且每次項(xiàng)目頁(yè)面結(jié)構(gòu)改變赘淮，就得又重新注冊(cè)一路由，極其繁瑣睦霎，沒(méi)有意義拥知。況且在一些頁(yè)面層級(jí)繁多的產(chǎn)品中這一點(diǎn)更是折磨人。
孔子曾經(jīng)說(shuō)過(guò)
懶惰是程序員的第一美德碎赢。
而我是懶癌晚期低剔，不想浪費(fèi)時(shí)間寫那些重復(fù)幾十次的東西，我就想給他個(gè)數(shù)組
[{
"name": "視頻",
"short": "video",
"children": [
{
"name": "搞笑視頻",
"short": "funny",
"children": [
{
"name": "惡搞",
"short": "sproof"
},
{
"name": "無(wú)厘頭",
"short": "wulitou"
}
]
},
{
"name": "恐怖視頻",
"short": "scary",
"children": [
{
"name": "靈異",
"short": "ghost"
},
{
"name": "血腥",
"short": "blood"
}
]
},....
.....
]
然后自己就屁顛屁顛生成
<pre>
├── 404.vue
├── index.vue
├── login.vue
└── video
├── funny
│ ├── index.vue
│ ├── sproof
│ │ └── index.vue
│ └── wulitou
│ └── index.vue
├── index.vue
├── scary
│ ├── blood
│ │ └── index.vue
│ ├── ghost
│ │ └── index.vue
│ └── index.vue
├── sports
│ ├── index.vue
│ ├── skating
│ │ └── index.vue
│ └── surfing
│ └── index.vue
└── travel
├── history
│ └── index.vue
├── index.vue
└── scenery
└── index.vue
.....// 其余不再贅述
</pre>
還給我注冊(cè)好了路由 ??
import Vue from 'vue';
import Router from 'vue-router';
import contend from 'views/index.vue'
import login from 'views/login.vue'
import notF from 'views/404.vue'
import video from './video.js';
import posts from './posts.js';
import games from './games.js';
import music from './music.js';
Vue.use(Router);
export default new Router({
mode: 'history',
routes: [{
path: '/',
name: 'home',
redirect: '/video',
component: contend,
children: [
video,
posts,
games,// 這里面分別包含了對(duì)應(yīng)的子路由
music,
]
},
{
path: '/login',
name: 'login',
component: login
},
{
path: '*',
name: '404',
component: notF
}
]
})
這才是我心中更好的腳手架工具肮塞，說(shuō)干就干,于是自己操刀寫了一個(gè) cli工具襟齿，意在解決開(kāi)發(fā)者不用浪費(fèi)時(shí)間在路由的注冊(cè)上。于是...
iBiu誕生了
你只需要三步操作
然后打開(kāi)目錄枕赵，terminal敲下
npm install
然后
npm run dev
NOW 見(jiàn)證奇跡的時(shí)刻２缕邸！？酱堋开皿！
你會(huì)發(fā)現(xiàn)你的前端網(wǎng)頁(yè)架子已經(jīng)搭好了，而且你會(huì)發(fā)現(xiàn)所有頁(yè)面的路由已經(jīng)為你配置好了(注意看 地址欄)??篮昧，而且赋荆，而且還給你貼心的加上了一個(gè)login頁(yè)面!!!
而你現(xiàn)在只需要做的就是在各個(gè)頁(yè)面里面填交互代碼就行了?? !是不是特別方便快捷！
注意 這是個(gè)腳手架工具 不是admin template懊昨，重點(diǎn)在路由與頁(yè)面的綁定上窄潭，不是樣式！＝桶洹嫉你！
