vue腳手架

哈咯～大家好呀！

最近好累，好迷茫，無意和夫君閒扯，夫君說，你何不研究研究技術。

好久沒用vue，想熟悉一下，那就來個腳手架吧先！

好，客官，請看：

npm i dawn -g   dn init -t vue   dn dev

是不是超級無敵簡單呢.....明妹已經點頭n遍。

但是僅僅知道這個不夠喲，小編簡單介紹一下Dawn這個腳手架。

Dawn是什麼？

Dawn 取「黎明、破曉」之意，原為「阿里雲·業務運營團隊」內部的前端構建和工程化工具，現已完全開源。它通過 pipeline和 middleware 將開發過程抽象為相對固定的階段和有限的操作，簡化並統一了開發人員的日常構建與開發相關的工作。

有什麼特點？

• 採用中介軟體技術，封裝常用功能，易於擴充套件，方便重用

• 支援 pipeline 讓多個 task 協同完成構建任務

• 簡單、一致的命令列介面，易於開發人員使用

• 支援基於「中心服務」管理中介軟體和工程模板

• 支援搭建私有中心服務，並統一下發構建規則，易於團隊統一管理

他能支援的框架？

•   1. front      : Blank front end project template 

•   2. react      : React project template 

•   3. vue        : Vue project template 

•   4. node       : Blank node project template 

•   5. browser    : Blank lib project for browser 

•   6. middleware : Dawn middleware project template 

•   7. doc        : Blank doc project template 

有沒有被震驚到？此刻我的內心已經寂寞難耐，一步一步走向Dawn,讓姐姐來一點點撥開你的衣服看看你的內心～

接下來，來一個三行程式碼小介紹：

1.安裝或更新 Dawn

npm i dawn -g

2.初始化vue工程(期間輸入自己的專案名稱，版本號，描述；)

dn init -t vue

[20:12:06] Initializing template...

[20:12:10] Downloading 'dn-template-vue' ...

.........

[20:12:21] 設定專案資訊...

? 請輸入專案名稱 vue-helloworld

? 請輸入初始版本 1.0.0

? 請輸入專案描述 用vue編寫的helloworld

[20:12:53] 完成

3.啟動開發服務（前端專案會自動監聽檔案變化，且能夠自動開啟瀏覽器）

dn dev

[20:13:02] Installing 'clean' ...

✔ Installed 1 packages

✔ Linked 0 latest versions

✔ Run 0 scripts

✔ All packages installed (1 packages installed from npm registry, used 336ms)

[20:13:05] Done

[20:13:05] 清理檔案或目錄...

[20:13:05] 完成

[20:13:05] Installing 'dn-middleware-webpack' ...

然後，然後，最激動人心的介面就出來啦～

ps:

dawn還有支援測試和釋出生產的命令

更多的好處等你們一探究竟，明妹也會在下一個版本中基於目前搭好的demo種做一個vue的todo list.

路一點點走，小心“扯到蛋“喲～

關注我的微信公眾號：