自制腳手架,以一敵百


下面分享一個自己開發的腳手架,這是自己每天下班回家一點一點寫的,也算沒白費時間,首先說說這個腳手架的優點吧,它不像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,flutter,weex,rn,uni-app包括后台thinkPHP,python,golang等。有了它你就不用下載那么多腳手架啦,是不是有點小激動。腳手架發布當天github還迎來了一位英國程序員的關注,哈哈哈,這周下載量已經接近60了。

 

 

下面說說如何安裝使用吧:

全局安裝

(注意這里鏡像切到npm哦,其他鏡像可能同步沒這么快,之前自己也踩了這個坑,用了自己公司的鏡像發現安裝不上。)

npm i songyao-cli -g

 

檢測是否已經全局安裝

檢測自己是否全局安裝直接在終端輸入sy,如有提示則說明安裝成功了,或輸入 sy -V,能出來版本號

  

查看當前版本支持的項目

 

你會看到當前1.0.1版本支持vue,react項目

 

初始化一個項目試試吧(以vue為例)

輸入sy init sy-vue myPro回車,這樣就會幫你生成一個項目名為myPro的vue項目

注意sy-vue這是模板名,是固定的,表示生成vue項目,myPro這是項目名,可以自己任意修改

 

初始化完成是這樣的(比較快,因為我並沒有把依賴也一起初始化,所以下面在啟動項目前,先要安裝依賴,這是與其他框架提供的腳手架的不同之處,節省項目初始化時間)

 

啟動項目(先安裝依賴,再啟動)

npm i ## 安裝依賴
npm run serve ## 啟動項目

 

 

 啟動之后打開項目(看到這個頁面就說明vue項目已經成功初始化了,是不是很激動)

 

react項目同理,與上面操作基本相同,只是啟動項目指令不同,這個在package.json文件中都有,就不演示了。

期待下一個版本發布吧


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM