下面分享一個本身開發的腳手架,這是本身天天下班回家一點一點寫的,也算沒白費時間,首先說說這個腳手架的優勢吧,它不像vue腳手架只能初始化vue項目,react腳手架只能初始化react項目。而只要全局安裝了我這個腳手架,按道理它是能夠爲你初始化任意項目的(包括vue,react,angular等),還有不少你意想不到的項目這個都能幫你完成,目前是1.0.1版本只支持vue,和react項目的初始化。後期我會完善能夠幫你完成90%應用場景,包括angular,koa,express,vue全家桶,vue+elementUI,react全家桶,react+antd,angular+antd,antd pro,umi,dva等。有了它你就不用下載那麼多腳手架啦,是否是有點小激動。腳手架發佈當天github還迎來了一位英國程序員的關注,哈哈哈,這周下載量已經接近60了。html
![](http://static.javashuo.com/static/loading.gif)
下面說說如何安裝使用吧:vue
全局安裝
(注意這裏鏡像切到npm哦,其餘鏡像可能同步沒這麼快,以前本身也踩了這個坑,用了本身公司的鏡像發現安裝不上。)react
npm i songyao-cli -g
npm i ## 安裝依賴
npm run serve ## 啓動項目
檢測是否已經全局安裝
檢測本身是否全局安裝直接在終端輸入sy,若有提示則說明安裝成功了,或輸入 sy -V,能出來版本號git
![](http://static.javashuo.com/static/loading.gif)
查看當前版本支持的項目
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
你會看到當前1.0.1版本支持vue,react項目
初始化一個項目試試吧(以vue爲例)
輸入sy init sy-vue myPro
回車,這樣就會幫你生成一個項目名爲myPro的vue項目程序員
注意sy-vue這是模板名,是固定的,表示生成vue項目,myPro這是項目名,能夠本身任意修改github
![](http://static.javashuo.com/static/loading.gif)
初始化完成是這樣的(比較快,由於我並無把依賴也一塊兒初始化,因此下面在啓動項目前,先要安裝依賴,這是與其餘框架提供的腳手架的不一樣之處,節省項目初始化時間)express
啓動項目(先安裝依賴,再啓動)
npm i ## 安裝依賴
npm run serve ## 啓動項目
![](http://static.javashuo.com/static/loading.gif)
啓動以後打開項目(看到這個頁面就說明vue項目已經成功初始化了,是否是很激動)
npm
![](http://static.javashuo.com/static/loading.gif)
react項目同理,與上面操做基本相同,只是啓動項目指令不一樣,這個在package.json文件中都有,就不演示了。json
更多功能期待下一個版本發佈吧,致力完善符合90%應用場景。
bash
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)