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.

路一点点走，小心“扯到蛋“哟～

关注我的微信公众号：