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.
路一点点走,小心“扯到蛋“哟~
关注我的微信公众号: