前端自动化构建yeoman
2024-09-29 08:00:10
前端自动化可分为：
yo（脚手架工具）、grunt（构建工具）、bower（包管理器）。
OMAN的特性
闪电般的初始化：项目开始阶段，可以基于现有的模板框架（例如：HTML5 Bolierplate、Twitter Bootstrap）进行项目初始化的快速构建。
了不起的构建流程：不仅仅包括JS、CSS代码的压缩、合并，还可以对图片和HTML文件进行优化，同时对CoffeScript和Compass的文件进行编译。
自动编译CoffeScript和Compass：通过LiveReload进程可以对源文件发生的改动自动编译，完成后刷新浏览器。
自动Lint代码：对于JS代码会自动进行JSLint测试，确保代码符合最佳编程实践。
内置的预览服务器：不再需要自己配置服务器了，使用内置的就可以快速预览。
惊人的图片优化：通过使用OptiPNG和JPEGTran来优化图片，减少下载损耗。
杀手级包管理：通过bower search jQuery，可以快速安装和更新相关的文件，不再需要打开浏览器自己搜索了。
PhantomJS单元测试：可以非常方便的使用PhantomJS进行单元测试，一切在项目初始的时候都准备好了。
1、安装
npm install -g yo 安装yeoman
安装完成之后执行 yo -v检查安装情况。
2、安装完成之后，要有相应的磨具才能成产相应的代码，在官网的generation里面找需要的模板进行暗转。
创建一个项目跟目录 mkdir yo-in-action
进入该目录 cd yo-in-action
创建一个项目目录 mkdir angular-in-action
进入该目录 cd angular-in-action
安装：yo angular learnangular
learnangular是项目运行的时候的项目名，并不是文件夹或者文件名。
安装的语法为：(npm install -g generator-名字
主要要用什么模板变安装什么 名字就是什么
完成之后看package.json配置文件就行
运行pwd查看当前所在的位置，进入，列出问价 ls -al
完成。
最新文章
- netbeans-xdebug 断点调试php
- jQuery hover事件
- SQLServer表内自关联级联删除
- Logic BIST
- 八大排序算法之四选择排序—堆排序（Heap Sort）
- Sass和Compass设计师指南
- 一个类似repo的小程序
- Linux sed命令常用方法
- openfire muc 移除成员
- Web设计思想——渐进增强
- sql server REPLACE 替换文本中的回车和换行符
- 聚合函数对NULL统计
- Dragger2好网文整合
- NPM(Node Package Manager,Node包管理器)
- How to correctly handle ThreadLocal.get() returning null
- MT【112】单变量化
- [c# 20问] 1. 何时使用class与struct
- Java List部分截取，获得指定长度子集合
- RobotFramework的Setup和Teardown
- .NET开源工作流RoadFlow-流程运行-运行时监控